08-數組中常用的屬性及方法

創建：
使用 JavaScript 關鍵詞 new
使用數組文本創建
//數組中的方法:
toString() 把數組轉換為數組值（逗號分隔）的字符串。
join() 方法也可將所有數組元素結合為一個字符串 可以自定義分隔符
//添加新元素
unshift() 方法（在開頭）向數組添加新元素
push() 方法（在數組結尾處）向數組添加一個新的元素
//刪除元素
pop() 方法從數組中刪除最后一個元素 pop()返回的是被彈出的值
shift() 方法會刪除首個數組元素，并把所有其他元素“位移”到更低的索引 返回的是被彈出的值
//修改元素
splice() 方法可刪除從 index 處開始的零個或多個元素，并且用參數列表中聲明的一個或多個值來替換那些被刪除的元素。如果從 arrayObject 中刪除了元素，則返回的是含有被刪除的元素的數組
//arr5.splice(位置,刪除的個數,添加的新元素)
slice()返回一個新的數組，包含從 start 到 end （不包括該end元素）的 arrayObject 中的元素
slice()見js文件：返回的是選定的元素，該方法不會修改原數組
//合并數組
concat() 方法用于連接兩個或多個數組 該方法不會改變原有的數組
//sort()排序
//reverse() 方法用于顛倒數組中元素的順序 會改變原數組
//遍歷數組
for循環遍歷
forEach() 方法用于調用數組的每個元素，并將元素傳遞給回調函數
//篩選數組
filter()對數組的每一項都運行給定的函數，返回 結果為 ture 的項組成的數組
every()對數組的每一項都運行給定的函數，每一項都返回 ture,則返回 true
//每一項都滿足條件時返回true,只要有一個不滿 足返回false
some() 只要有一個滿足返回true,都不滿足返回false
reduce()乞丐要飯（類似累加）

//使用 JavaScript 關鍵詞 newvar color= new Array("red", "blue", "green"); //使用數組文本創建var color2 = ["red", "blue", "green"]; //數組中的方法: //toString() 把數組轉換為數組值（逗號分隔）的字符串。var arr1 = ["red", "blue", "green"];arr1.toString(); //"red,blue,green" //join() 方法也可將所有數組元素結合為一個字符串 可以定義分隔符var arr2 = ["red", "blue", "green"];console.log(arr2.join(":")) //red:blue:greenconsole.log(arr2.join(" ")) //red blue green //添加新元素 //unshift() 方法（在開頭）向數組添加新元素 var arr3 = ["red", "blue", "green"];arr3.unshift("abc");//["abc", "red", "blue", "green"] //push() 方法（在數組結尾處）向數組添加一個新的元素arr3.push("xyz"); //["abc", "red", "blue", "green","xyz"] //刪除元素 //pop() 方法從數組中刪除最后一個元素 pop()返回的是被彈出的值var arr4 = ["red", "blue", "green"];arr4.pop(); //"green" arr4 ======["red", "blue"] //shift() 方法會刪除首個數組元素，并把所有其他元素“位移”到更低的索引 返回的是被彈出的值arr4.shift();//"red" //修改元素 //splice() 方法可刪除從 index 處開始的零個或多個元素，并且用參數列表中聲明的一個或多個值來替換那些被刪除的元素。如果從 arrayObject 中刪除了元素，則返回的是含有被刪除的元素的數組var arr5 = [5,6,7,8];// arr5.splice(位置,刪除的個數,添加的新元素)arr5.splice(1,1); //刪除了6 arr5 的結果是[5,7,8]arr5.splice(1,0,9);//arr5 的結果是[5, 9, 6, 7, 8]arr5.splice(1,2,3);//arr5 的結果是 [5, 3, 8] //slice()返回一個新的數組，包含從 start 到 end （不包括該end元素）的 arrayObject 中的元素var arr6 = [5,6,7,8];arr6.slice(1,3) //[6, 7]//arr6 仍然還是[5,6,7,8]; 返回的是選定的元素，該方法不會修改原數組 //合并數組//concat() 方法用于連接兩個或多個數組 該方法不會改變原有的數組var arr7 =[1,2,3];var arr8 = [4,5,6];var arr9 = arr7.concat(arr8);//arr9 [1, 2, 3, 4, 5, 6] //sort()排序var arr10 =["red", "blue", "green"];arr10.sort(); // ["blue", "green", "red"]var arr11 = [1,10,5,12,4,9,22];arr11.sort();// [1, 10, 12, 22, 4, 5, 9]按照第一個數字排序的 //reverse() 方法用于顛倒數組中元素的順序 會改變原數組arr11.reverse();// [22, 9, 4, 12, 5, 10, 1] //遍歷數組//for循環遍歷var arr12 =["red", "blue", "green"];var str = ""; for(var i = 0;i < arr12.length;i++){str += "<p>"+arr12[i]+"</p>";}; //forEach() 方法用于調用數組的每個元素，并將元素傳遞給回調函數。var arr13 =[1,2,3]; var a14=[];arr13.forEach(function(item,index){a14.push(item+1); //2 3 4});//篩選數組 //filter()對數組的每一項都運行給定的函數，返回結果為 ture 的項組成的數組var arr15 = [2,3,5,6,7,18,9]; var a15 = arr15.filter(function(item,index){return item > 5; //滿足的條件 大于5的結果[6, 7, 18, 9]}); //every()對數組的每一項都運行給定的函數，每一項都返回 ture,則返回 true //每一項都滿足條件時返回true,只要有一個不滿 足返回false var a16 = arr15.every(function(item,index){//return item >5; //必須要求每一個數字都>5才會返回true 否則返回false return item>1; //true}); //some() 只要有一個滿 足返回true,都不滿 足返回falsevar a17 = arr15.some(function(item,index){//return item >5; //只要有一個滿 足了條件，返回true return item==0; //false 都不滿足 返回false}); //reduce()乞丐要飯（類似累加）var arr15 = [2,3,5];var a18 = arr15.reduce(function(total,cur){return total+cur},10); //10表示從total初始值是10，從10開始累加console.log(a18) //20

總結

以上是生活随笔為你收集整理的08-数组中常用的属性及方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。