前面一篇,我們寫了數(shù)組的基礎(chǔ),在這里則會把主要的方法和應(yīng)用列出來.
檢測數(shù)組 Array.isArrayECMAScript 5 新增了 Array.isArray() 方法。這個方法的目的是最終確定某
個值到底是不是數(shù)組，而不管它是在哪個全局執(zhí)行環(huán)境中創(chuàng)建的。這個方法的用法如下。 if (Array.isArray(value)){//對數(shù)組執(zhí)行某些操作}
位置方法 indexOf和lastIndexOf
- indexOf(searchvalue,fromindex) 從數(shù)組的頭開始向后查找
- indexOf和lastIndexOf(searchvalue,fromindex) 從數(shù)組的尾開始向前查找
接收兩個參數(shù)：- searchvalue 要查找的項(xiàng)
- fromindex （可選的）表示查找起點(diǎn)位置的索引
返回
要查找的項(xiàng)在數(shù)組中的位置，或者在沒找到的情況下返回-1
var data = [2, 5, 7, 3, 5];console.log(data.indexOf(5, "x")); // 1 ("x"被忽略)console.log(data.indexOf(5, "3")); // 4 (從3號位開始搜索)console.log(data.indexOf(4)); // -1 (未找到)console.log(data.indexOf("5")); // -1 (未找到，因?yàn)? !== "5")
迭代方法共有五個迭代方法every, filter, forEach, map, some
每個方法的的參數(shù)是一個回調(diào)函數(shù) 迭代方法(function callback(item,index,array) {}); 回調(diào)函數(shù)都是三個參數(shù)- item 數(shù)組的元素
- index 元素在數(shù)組中的位置
- array 數(shù)組對象本身
同時,有必要的回調(diào)函數(shù)要返回true或false
- every ：對數(shù)組中的每一項(xiàng)運(yùn)行給定函數(shù)，如果該函數(shù)對每一項(xiàng)都返回 true ，則返回 true 。相當(dāng)于是每項(xiàng)做與操作
- filter ：對數(shù)組中的每一項(xiàng)運(yùn)行給定函數(shù)，返回該函數(shù)會返回 true 的項(xiàng)組成的數(shù)組。
- forEach ：對數(shù)組中的每一項(xiàng)運(yùn)行給定函數(shù)。這個方法沒有返回值。
- map ：對數(shù)組中的每一項(xiàng)運(yùn)行給定函數(shù)，返回每次函數(shù)調(diào)用的結(jié)果組成的數(shù)組。
- some ：對數(shù)組中的每一項(xiàng)運(yùn)行給定函數(shù)，如果該函數(shù)對任一項(xiàng)返回 true ，則返回 true 。相當(dāng)于是每項(xiàng)做或操作
let a = [1,2,3,99,34,33]; let v1 = a.every((item,index,array)=>{ return item > 2; }); //v1的值為false 因?yàn)閍[0],a[1]不合條件 let v2 = a.every((item,index,array)=>{ return item > 0; }); //v2的值為true
let a = [1,2,3,99,34,33]; let v = a.filter((item,index,array)=>{ return item > 2; }); //v是過濾后的新數(shù)組 [3,99,34,33]
a.forEach((item)=>{ console.log(item); }); //會依次打印出每個元素的值 a.forEach((item,index)=>{ console.log(index,item); }); //會依次打印出每個元素的下標(biāo)和值
let a = [1,2,3,99,34,33]; let v = a.map((item,index,array)=>{ return item * item; }); //v是map后的新數(shù)組 [1,4,9,9801,1156,1089]
let a = [1,2,3,99,34,33]; let v1 = a.some((item,index,array)=>{ return item > 2; }); //v1的值為true 因?yàn)閍[2],a[3]等元素值>2 let v2 = a.some((item,index,array)=>{ return item > 100; }); //v2的值為false ,因?yàn)闆]有元素值大于100
歸并方法
- reduce 從左到右累加
- reduceRight 從右到左累加
這兩個方法,都會遍歷所有數(shù)組元素
參數(shù)是一個回調(diào)函數(shù) 歸并方法 (function callback(prev, cur, index, array){});- prev 前一個值
- cur 當(dāng)前元素
- index 該元素在數(shù)組中的位置
array 數(shù)組對象本身 例子
let a = [1,2,3,99,34,33];let s = a.reduce((pre,cur,index,array)=>{ console.log(pre,cur,index); return pre+cur; });//1 2 1t REPLServer.<anonymous> (repl.js:538:10)//3 3 2t emitOne (events.js:101:20)//6 99 3 REPLServer.emit (events.js:188:7)//105 34 4//139 33 5
數(shù)組棧方法數(shù)組可以像棧那樣使用
push方法，表示在數(shù)組最后加入指定的元素，可以一次增加多個數(shù)組
pop方法，表示將數(shù)組的最后一個刪除，并通過pop方法返回,如果沒有元素了，則返回undefined a.push(100);a.push(99);console.log(a.pop());console.log(a.pop());
結(jié)果輸出
99
100 隊列方法數(shù)組可以像隊列那樣使用
用push方法，在隊尾加元素
用shift在隊頭取元素
用unshift在隊頭推入元素 let a=[];a.push(1,2,3);Console.log(a.shift());Console.log(a.shift());Console.log(a.shift());
然后顯示為1,2,3剛好和棧相反 let a = [1,2,3];a.unshift(4);a.unshift(5,6,7);
結(jié)果a為[ 5, 6, 7, 4, 1, 2, 3 ] 反轉(zhuǎn)數(shù)組方法用reverse方法，反轉(zhuǎn)數(shù)組
如： let a = [1,2,3,4,5]; a.reverse()
結(jié)果:
[ 5, 4, 3, 2, 1 ] function compare(v1,v2) { return v1>v2;}// a.sort();默認(rèn)將元素用toString，再比較字符串排序let a=[2,22,222,1,11,111];let v1 = a.sort();//則v1=[1,11,111,2,22, 222]//**這是不是按數(shù)值大小來排序,是按字會串大小來的**//可以指定的比較方法a.sort(compare);//則結(jié)果如下:let v2 = a.sort(compare);//則v2 = [ 1, 2, 11, 22, 111, 222 ]
連接數(shù)組用concat可以將一個或多數(shù)組連起來，并不會改變當(dāng)前數(shù)組本身 a = [1,2,3];b = a.concat(99); //b=[1,2,3,99];B = a.concat(99,[4,5]); //b=[1,2,3,99,4,5];
基于原有數(shù)組創(chuàng)建新數(shù)組用slice基于當(dāng)前數(shù)組中的一或多個項(xiàng)創(chuàng)建一個新數(shù)組，原數(shù)組不會變
slice(開始下標(biāo)，結(jié)束下標(biāo)) ; 并不包括結(jié)束下標(biāo)的那個元素 let a = [1,2,3,4,5,6];b=a.slice(2,4); //b=[3,4];
強(qiáng)大的splice這個方法恐怕要算是最強(qiáng)大的數(shù)組方法了
splice的返回值,則操作后的元素組成的數(shù)組 可以刪除任意數(shù)量的元素，只需指定 2個參數(shù)：- startIndex 開始刪除的位置
- removeCount 要刪除的元素個數(shù)。
例如， a.splice(0,2) 會刪除數(shù)組中的前兩元素。
let a = [1,2,3,4,5,6];let b = a.splice(1,2); //執(zhí)行后,結(jié)果是//a = [ 1, 4, 5, 6 ]//b = [ 2, 3 ]
可以向指定位置插入任意數(shù)量的元素，只需提供 3個參數(shù)：- 起始位置、
- 0（要刪除的元素個數(shù),做為插入功能,這值必須為0)
- 要插入的元素
- 如果要插入多個元素,
還可以繼續(xù)提供參數(shù),表示是要插入的元素。
例如，
let a = [1,2,3,4,5,6];let b = a.splice(1,0,91,92,93,94); //執(zhí)行后結(jié)果是//a = [ 1, 91, 92, 93, 94, 2, 3, 4, 5, 6 ]//b = [ ]
可以向指定位置插入任意數(shù)量的元素，且同時刪除任意數(shù)量的元素，只需指定 3 個參數(shù)：- 起始位置、
- >0的值（要刪除的元素個數(shù),做為替換功能,這值必須大于0）
- 要插入的元素
- 如果要插入多個元素,
還可以繼續(xù)提供參數(shù),表示是要插入的元素。
let a = [1,2,3,4,5,6];let b = a.splice(1,2,91,92,93,94); //執(zhí)行后結(jié)果是//a = [ 1, 91, 92, 93, 94, 4, 5, 6 ]//b = [ 2, 3 ]
最后對于迭代方法和歸并方法只是一個簡化代碼的作用，可能這些方法功能非常見，所以干脆默認(rèn)提從了這兩組方法。對于js的數(shù)組,使用起來非常方法,相比c/c++真是無與倫比…。在C++11標(biāo)準(zhǔn)后,也可以同樣提供一個強(qiáng)大的動態(tài)數(shù)組。但是js的數(shù)組，可以存放任何元素，這個是C++不能比的，雖然可以實(shí)現(xiàn)，但是代價就有點(diǎn)大了。相對來說，現(xiàn)在版本的java和C#，則可以。因?yàn)閖ava所有的都是Object…
|