一、字串轉陣列(split方法)
廢話少說,直接上代碼:
//例子1
var str="abc,def,ghi";
var strArray=str.split(",");
console.log(strArray);//輸出["abc","def","ghi"]
//例子2
var str2="abc|def|ghi";
var strArray2=str2.split("|");
console.log(strArray2);//輸出["abc","def","ghi"]
看了以上的兩個例子,我想你應該知道split()方法的使用了吧!
二、陣列轉字串(join方法)
//例子1
var strArray=["123","456","789"];
var str=strArray.join(",");
console.log(str);//輸出 123456789
//例子2
var strArray2=["123","456","789"];
var str2=strArray.join("|");
console.log(str2);//輸出 123|456|789
三、去除字串中的特殊字符
//例子1
var str="qwe,asd,zxc";
var strNew=str.replace(",","");//將,用空字符來代替
console.log(strNew);//qweasd,zxc
注意:你沒有看錯,輸出是qweasd,zxc,js提供的replace()方法只是替換第一次出現的字符,如果需要全部替換,得使用正則運算式,請接著往下看,
四、判斷是否有某個字符
var str="qwe,asd,zxc";
//0 1 2 3 4 5 6 7 8 9 10
//q w e , a s s , z x c
var index=str.indexOf(",");
console.log(index);//輸出 3,第一個出現","的位置
五、字串截取
var str="qwe123,";
var strNew=str.substring(0,str.length-1);
console.log(strNew);//輸出 qwe123
六、json相關操作
var strJson = '{ "name": "qwe", "sex": "man" }';//這是json字串
var obj=JSON.parse(strJson);//將json字串決議為json物件
console.log(obj.name);//輸出 qwe
console.log(obj.sex);//輸出 man
//將json物件決議為json字串
console.log(JSON.stringify(obj));//輸出 '{ "name": "qwe", "sex": "man" }'
七、正則運算式(可以用于匹配字串跟替換某些字串)
語法:var expression=/ pattern / flags
直接上代碼
var str="123,qwe,,";
var reg=/,+$/g;//匹配字串中末尾的逗號(1個或者多個),備注:+表示一個或者多個 $表示末尾 g表示全域
var strNew=str.replace(reg,"");//將匹配到的,轉為空字符
console.log(strNew);//輸出123,qwe
//例子2
var str2="qwe,asd,zxc";
var strNew2=str2.replace(/,/g,"");//將,用空字符來代替
console.log(strNew2);//輸出qweasdzxc
關于正則運算式更詳細的,本人會單獨寫一篇博客的!
八、去除字串開頭跟結尾的空格字符(trim()方法)
var str=" 123 dsf gfh f ";
var strNew=str.trim();
console.log(strNew);//輸出123 dsf gfh f
九、陣列相關操作(push(),pop()方法)
var colors=[];
colors.push("red");
colors.push("orange");
colors.push("yellow");
console.log(colors);//輸出 ["red", "orange", "yellow"]
colors.pop();
console.log(colors);//輸出 ["red", "orange"]
colors.push("purple");//輸出 ["red", "orange", "purple"]
console.log(colors);
for(var item in colors)//遍歷陣列
{
console.log(colors[item]);//分別輸出 red orange purple
}
十、history的使用
history.forward(); 等價于 history.go(1); 前進一頁
history.back(); 等價于 history.go(-1); 后退一頁
十一、Math.Random()的使用
console.log(Math.random());//隨機生成0-1之間的小數
console.log(Math.random().toFixed(2));//隨機生成0-1之間的兩位小數(四舍五入)
十二、splice()方法 這個方法應該是最強大的陣列方法了,既可以洗掉,也可以添加陣列元素,也可以同時洗掉、添加
該方法回傳的是個陣列(不管是添加,還是洗掉)
其中第一個引數指的是陣列中某個元素的索引
第二個引數指的是洗掉元素的個數,這個很重要,是洗掉的元素個數,意思是 如果值為0,洗掉0個(就是不洗掉,后面的引數就是陣列要添加的項),如果不為0,指的是洗掉第一個引數(索引)開始的元素個數
廢話不多說了,直接上代碼
var colors=["red","orange","yellow","green"];
var removed=colors.splice(0,2);//洗掉 從索引0開始之后的兩個元素,也就是洗掉 "red,orange" 這兩個元素,并且回傳洗掉的元素陣列 ["red","orange"]
console.log(removed);//輸出 ["red","orange"]
console.log(colors);//輸出 ["yellow","green"],splice()方法會改變原陣列的
總結
以上便是作業中經常會用到的,JavaScript中的DOM操作以及異步放在后續jQuery里面介紹,畢竟使用jQuery操作DOM跟使用異步更方便,
本人寫博客,秉持著簡單、易懂、實用、形象的原則,不搞花里胡哨的,希望大家支持!!!嘿嘿!

轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/108299.html
標籤:JavaScript
上一篇:let和const命令
下一篇:Vue.js---MVVM的信仰
