前面一篇,我們寫了數(shù)組的基礎(chǔ),在這里則會把主要的方法和應(yīng)用列出來. 

數(shù)組方法

檢測數(shù)組 Array.isArray

ECMAScript 5 新增了 Array.isArray() 方法。這個(gè)方法的目的是最終確定某 
個(gè)值到底是不是數(shù)組，而不管它是在哪個(gè)全局執(zhí)行環(huán)境中創(chuàng)建的。這個(gè)方法的用法如下。

if (Array.isArray(value)){
//對數(shù)組執(zhí)行某些操作
}

位置方法 indexOf和lastIndexOf

• indexOf(searchvalue,fromindex) 從數(shù)組的頭開始向后查找
• indexOf和lastIndexOf(searchvalue,fromindex) 從數(shù)組的尾開始向前查找

接收兩個(gè)參數(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")

迭代方法

共有五個(gè)迭代方法every, filter, forEach, map, some 
每個(gè)方法的的參數(shù)是一個(gè)回調(diào)函數(shù)

迭代方法(function callback(item,index,array) {});

回調(diào)函數(shù)都是三個(gè)參數(shù)

• item 數(shù)組的元素
• index 元素在數(shù)組中的位置
• array 數(shù)組對象本身 
  同時(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ù)。這個(gè)方法沒有返回值。
• 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)做或操作

例如:

every

    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

filter

    let a = [1,2,3,99,34,33];
    let v = a.filter((item,index,array)=>{
 return item > 2;
 });
 //v是過濾后的新數(shù)組 [3,99,34,33]

foreach

    a.forEach((item)=>{
        console.log(item);
 });
 //會依次打印出每個(gè)元素的值
    a.forEach((item,index)=>{
        console.log(index,item);
 });
 //會依次打印出每個(gè)元素的下標(biāo)和值

map

    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]

some

    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 從右到左累加

這兩個(gè)方法,都會遍歷所有數(shù)組元素 
參數(shù)是一個(gè)回調(diào)函數(shù)

歸并方法 (function callback(prev, cur, index, array){});

• prev 前一個(gè)值
• 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ù)組最后加入指定的元素，可以一次增加多個(gè)數(shù)組 
pop方法，表示將數(shù)組的最后一個(gè)刪除，并通過pop方法返回,如果沒有元素了，則返回undefined

a.push(100);
a.push(99);
console.log(a.pop());
console.log(a.pop());

結(jié)果輸出 
99 
100

隊(duì)列方法

數(shù)組可以像隊(duì)列那樣使用 
用push方法，在隊(duì)尾加元素 
用shift在隊(duì)頭取元素 
用unshift在隊(duì)頭推入元素

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 ]

排序

用sort可以對數(shù)組排序

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可以將一個(gè)或多數(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ù)組中的一或多個(gè)項(xiàng)創(chuàng)建一個(gè)新數(shù)組，原數(shù)組不會變 
slice(開始下標(biāo)，結(jié)束下標(biāo)) ; 并不包括結(jié)束下標(biāo)的那個(gè)元素

let a = [1,2,3,4,5,6];
b=a.slice(2,4); //b=[3,4];

強(qiáng)大的splice

這個(gè)方法恐怕要算是最強(qiáng)大的數(shù)組方法了 
splice的返回值,則操作后的元素組成的數(shù)組

刪除

可以刪除任意數(shù)量的元素，只需指定 2個(gè)參數(shù)：

• startIndex 開始刪除的位置
• removeCount 要?jiǎng)h除的元素個(gè)數(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個(gè)參數(shù)：

• 起始位置、
• 0（要?jiǎng)h除的元素個(gè)數(shù),做為插入功能,這值必須為0)
• 要插入的元素
• 如果要插入多個(gè)元素, 
  還可以繼續(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í)刪除任意數(shù)量的元素，只需指定 3 個(gè)參數(shù)：

• 起始位置、
• >0的值（要?jiǎng)h除的元素個(gè)數(shù),做為替換功能,這值必須大于0）
• 要插入的元素
• 如果要插入多個(gè)元素, 
  還可以繼續(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 ]

最后

對于迭代方法和歸并方法只是一個(gè)簡化代碼的作用，可能這些方法功能非常見，所以干脆默認(rèn)提從了這兩組方法。對于js的數(shù)組,使用起來非常方法,相比c/c++真是無與倫比…。在C++11標(biāo)準(zhǔn)后,也可以同樣提供一個(gè)強(qiáng)大的動態(tài)數(shù)組。但是js的數(shù)組，可以存放任何元素，這個(gè)是C++不能比的，雖然可以實(shí)現(xiàn)，但是代價(jià)就有點(diǎn)大了。相對來說，現(xiàn)在版本的java和C#，則可以。因?yàn)閖ava所有的都是Object…