Array.prototype中定義了很多操作數(shù)組的方法,下面介紹ECMAScript3中的一些方法
1.Array.join()方法
該方法將數(shù)組中的元素都轉(zhuǎn)化為字符串并按照指定符號連接到一起,返回最后生成的字符串,可以包含一個參數(shù),為連接數(shù)組元素的符號,默認為逗號。
var ay = [1,2,3];ay.join(); // =>"1,2,3" ay.join("+"); // => "1+2+3" ay.join(" "); // =>"1 2 3"ay.join(""); // =>"123"var by = new Array(10) //新建一個長度為10的空數(shù)組by.join("-"); //=> "---------" 連接10個空元素2.Array.reverse()方法
該方法將數(shù)組中的元素顛倒順序,返回逆序的數(shù)組,該方法會改變當(dāng)前數(shù)組,不會創(chuàng)建新數(shù)組。
3.Array.sort()方法
該方法將數(shù)組中的元素排序并返回排序后的數(shù)組。當(dāng)sort()方法不帶參數(shù)時,數(shù)組按照字母表順序排序,如果數(shù)組包含undefined元素,會排到數(shù)組尾部。
我們也可以給sort()方法傳入一個比較函數(shù)作為參數(shù),讓數(shù)組以指定的比較函數(shù)進行排序。比較函數(shù)返回值小于0,則第一個參數(shù)在前,相反返回值大于0,則第二個參數(shù)在前,兩個參數(shù)值相等,則返回0
4.Array.concat()方法
該方法創(chuàng)建并返回一個新數(shù)組,連接原數(shù)組元素和方法中每個元素,組成一個新數(shù)組。該方法不會遞歸調(diào)用方法中的參數(shù)。
5.Array.slice()方法
該方法返回指定數(shù)組的一個片段或子數(shù)組,該方法可以有兩個參數(shù),分別制定片段的開始和結(jié)束位置,返回的數(shù)組包含第一個參數(shù)指定的元素和所有到但不包含第二個參數(shù)指定的位置的數(shù)組元素。如果只有一個參數(shù),則包含從指定開始位置到數(shù)組末尾,參數(shù)可以為負值,表示相對于數(shù)組中最后一個元素的位置。該方法不會修改被調(diào)用的數(shù)組。
6.Array.splice()方法
該方法是在數(shù)組中插入或刪除元素的通用方法,該方法會修改原始數(shù)組。該方法可以包含多個參數(shù),第一個參數(shù)指定要在數(shù)組中插入或刪除的起始位置,第二個參數(shù)制定了刪除元素的個數(shù),若不指定則將起始位置以及后面元素全部刪除,兩個參數(shù)之后的參數(shù)指定了插入數(shù)組的元素,該方法返回由刪除元素組成的數(shù)組。
var e = [1,2,3,4,5,6];e.splice(4); //=> 返回[5,6] ; e是[1,2,3,4]e.splice(1,2); //=> 返回[2,3] ; e是[1,4] var f = [1,2,3,4,5];f.splice(2,0,"a","b"); //=>返回[]; f是[1,2,a,b,3,4,5]f.splice(2,2,[6,7],3); //=>返回[a,b]; f是[1,2,[6,7],3,4,5]
7.push()和pop()方法
這兩個方法將數(shù)組當(dāng)做棧使用,push()方法是在數(shù)組尾部添加一個或多個元素,并返回數(shù)組的長度。pop()方法是刪除數(shù)組的最后一個元素,減少數(shù)組長度并返回刪除的值。
8.unshift()方法和shift()方法
這兩個方法是在數(shù)組頭部進行添加刪除操作,unshift()方法是在數(shù)組頭部添加一個或多個元素,返回數(shù)組長度。shift()方法是刪除數(shù)組第一個元素并返回。
var a=[]; //[]a.push(1,2); //[1,2]a.pop(); //[1]a.unshift(2,3); //[2,3,1]a.shift(); //[3,1]
9.toString()和toLocaleString()方法
這兩個方法是將數(shù)組每個元素轉(zhuǎn)化為字符串,toString()是將每個元素轉(zhuǎn)化為字符串并且輸出用逗號隔開。toLocaleString()方法是數(shù)組每個元素調(diào)用toLocaleString()轉(zhuǎn)化為字符串,并使用本地化分隔符連接。
下面在介紹幾個ECMAScript5中特有的數(shù)組方法,在介紹方法之前首先做一個大致了解。大多數(shù)方法的第一個參數(shù)接受一個函數(shù),并且對數(shù)組每個元素調(diào)用一次這個函數(shù),如果說稀疏數(shù)組,不存在的元素不調(diào)用函數(shù)。大多數(shù)情況下,調(diào)用的函數(shù)使用三個參數(shù):數(shù)組元素,元素的索引以及數(shù)組本身。
1.forEach()方法
該方法從頭到尾遍歷數(shù)組,數(shù)組每個元素都調(diào)用指定的函數(shù)。該方法在遍歷完所有數(shù)組元素之前不會終止。若想提前終止,必須將forEach()放到try塊中,并可以拋出異常。
var data=[1,2,3,4,5]var sum = 0;data.forEach(function(value){ //=>value為數(shù)組元素 sum+=value;}) //=>15data.forEach(function(value,i,a){ //=>三個參數(shù)分別指代數(shù)組元素,元素索引和數(shù)組 a[i] = v+1;}) //=>data=[2,3,4,5,6]2.map()方法
該方法將數(shù)組的每個元素傳遞給指定的函數(shù),并返回一個新數(shù)組,該數(shù)組包含了數(shù)組元素調(diào)用函數(shù)對應(yīng)的返回值。如果是稀疏數(shù)組,返回的新數(shù)組也是同樣結(jié)構(gòu)的系數(shù)數(shù)組。
var a=[1,2,3];var b=a.map(function(v){ return v*v;}) //=> b=[1,4,9]3.filter()方法--類似于條件篩選
該方法返回的是原始數(shù)組的一個子集,傳遞的函數(shù)用來做邏輯判定,返回true或false,如果返回的值為true或可以轉(zhuǎn)化為true,則當(dāng)前數(shù)組元素就是子集的成員,添加到返回的數(shù)組中。該方法會跳過稀疏數(shù)組的空元素。
var a=[5,4,3,2,1]var smalla=a.filter(function(v){ return v<3; }) //=>返回[2,1]var everya=a.filter(function(v,i){ //=>i表示元素索引 return i%2==0; }) //=>返回[5,3,1]
4.every()和some()方法
這兩個方法是對數(shù)組進行邏輯判定,對數(shù)組每個元素運用指定函數(shù)進行判定返回true或false。
every()方法是當(dāng)且僅當(dāng)數(shù)組中所有元素調(diào)用判定函數(shù)都返回true,才返回true,否則返回false。
some()方法是當(dāng)數(shù)組中至少有一個元素調(diào)用判定函數(shù)返回true,就返回true,否則返回false。
這兩個方法都是一旦確認返回值后就不在遍歷數(shù)組元素了。
5.reduce()和reduceRight()方法
這兩個方法使用指定的函數(shù)將數(shù)組元素進行組合,生成單個值。
reduce()需要兩個參數(shù),第一個是執(zhí)行化簡組合的操作函數(shù),第二個是組合的初始值。和前面幾個方法不同的是,常見的三個參數(shù)(數(shù)組元素、元素索引和數(shù)組本身)會作為操作函數(shù)的2~4個參數(shù)傳遞給函數(shù),第一個參數(shù)是到目前為止進行計算組合的結(jié)果。
如果是針對空數(shù)組,并不指定初始值時調(diào)用reduce()方法會導(dǎo)致類型錯誤異常。
reduceRight()方法和reduce()方法的工作原理相同,不同的是其按數(shù)組索引從高到低進行處理(即從右到左進行合并處理)
6.indexOf()和lastIndexOf()方法
這兩個方法都是用于在整個數(shù)組中搜索具體給定的值,并返回第一個匹配元素的索引值,若沒有則返回-1.indexOf()方法是從頭到尾進行搜索,而lastIndexOf()是從尾到頭進行搜索。
新聞熱點
疑難解答