javascript資料結構----關於陣列的方法總結
1.檢測陣列
對於一個網頁,或者一個全域性作用域而言,使用 instanceof 操作符就能到到滿意的結果:
if (value instanceof Array){
//如果是陣列就執行某些操作
}
instanceof 操作符的問題在於,他假定只有一個全域性執行環境。如果網頁中包含多個框架,那實際上就存在兩個以上不同的全域性執行環境,從而存在兩個以上不同版本的 Array 建構函式 。
為了解決這個問題,ECMAscript5 新增了 Array.isArray() 方法。這個方法的目的是最終確定某個值是不是陣列,而不管他是在哪個全域性執行環境中建立的。用法如下:
if (Array.isArray(value)) { //如果是陣列就執行某些操作 }
2.轉換方法
所有物件都具有 toLocaleString () ,toString () ,和 valueOf () 方法
如果想用特定符號分隔陣列元素可以使用 join () 方法
var colors = [ "yellow" , "green" ,"blue" ];
console.log( colors.join(",") ); //yellow,green,blue
console.log( colors.join("||") ); //yellow||green||blue
結果返回用特定分隔符分隔的所有陣列項的字串
3.棧方法
棧是一種LIFO(後進先出)的資料結構,ECMAscript 為陣列提供了 push () 和 pop () 方法以實現類似棧的行為。
var colors = new Array(); var count = colors.push("red", "green"); //向陣列末尾新增兩項資料 console.log(count); //2 count = colors.push("blue"); console.log(count); //3 var item = colors.pop(); //取得最後一項 console.log(item); //"blue" console.log(colors.length); //2
push () 方法將元素推入陣列末尾, pop () 方法將陣列末尾元素取出
4.佇列方法
佇列是一種FIFO(先進先出)的資料結構,ECMAscript 為陣列提供了 unshift () 和shift () 方法以實現類似棧的行為。
具體使用方法和上面類似,只不過 unshift () 方法是為陣列首位新增元素,而 shift () 是從陣列中取得第一項。
5.重排序方法
陣列中已經存在兩個可以直接用來重排序的方法: reverse () 和 sort ()
reverse () 方法可以反轉陣列項的順序:
var values = [1, 2, 3, 4, 5];
values.reverse();
console.log(values); //5,4,3,2,1
sort () 方法按升序排列陣列項——即最小的值位於最前面,最大的值位於最後面。為了實現排序, sort () 方法會呼叫每個陣列項的 toString () 轉型方法,然後比較得到的字串,已確定如何排序。即使陣列中的每一項都是數值,sort () 方法比較的也是字串,如下所示:
var values = [0, 1, 5, 10, 15];
values.sort();
console.log(values); //0,1,10,15,5
我們可以自定義比較方法來重寫比較函式 sort () 下面就是一個簡單的比較函式:
function compare(value1, value2) {
if(value1 < value2) {
return 1;
}else if(value1 > value2) {
return -1;
}else {
return 0;
}
}
var values = [0, 1, 5, 10, 15];
values.sort(compare);
console.log(values); //15,10,5,1,0
當然對於數值型別或者其 valueOf () 方法會返回數值型別的物件型別,可以使用一個更簡單的比較函式。
function compare(value1, value2){
return value2 - value1;
}
6.操作方法
(1)concat() 方法可以基於當前陣列彙總的所有項建立一個新陣列。具體來說,這個方法會閒建立當前陣列一個副本,然後將接收到的引數新增到這個副本的末尾,最後返回新構建的陣列。
var colors = ["red", "green", "blue"];
var colors2 = colors.concat("yellow", ["black", "brown"]);
console.log(colors); //red,green,blue
console.log(colors2); //red,green,blue,yellow,black,brown
(2)slice() 方法可以基於當前陣列中的一或多個項建立一個新陣列。slice() 方法可以接受一或兩個引數,即要返回項的起始和結束位置。
var colors = ["red", "green", "blue", "yellow", "purple"];
var colors2 = colors.slice(1);
var colors3 = colors.slice(1,4);
console.log(colors2); //green,blue,yellow,purple
console.log(colors3); //green,blue,yellow
(3)splice() 方法(刪除,插入,替換)
- 刪除:可以刪除任意數量的項,只需指定兩個引數:要刪除的第一項的位置和要刪除的項數。
例如,splice(1,2) 會刪除陣列中的第一個位置後兩項,也即第二項和第三項。 - 插入:可以像指定位置插入任意數量的項,只需要提供三個引數:起始位置,0(要刪除的項數)和要插入的項(可以是多個),例如, splice(2,0,"red","green")會從當前陣列的位置 2 開始插入字串“red” 和 “green” 。
- 替換:可以向指定位置插入任意數量的項,且同時刪除任意數量的項。只需指定三個引數:起始位置,要刪除的項數和要插入的任意數量的項。插入的項不必與刪除的項數相等。例如, splice(2,1,"red","green") 會刪除當前陣列位置 2 的項,然後再從該位置 2 開始插入字串。
7.位置方法
ECMAscript為陣列例項添加了兩個位置方法: indexOf () 和 lastIndexOf () 。這兩個方法都接受兩個引數:要查詢的項和(可選)表示查詢起點位置的索引。其中 indexOf () 方法從陣列的開頭向後查詢。
8.迭代方法
ECMAScript為陣列定義了 5 個迭代方法。每個方法都接受兩個引數:要在每一項上執行的函式和(可選的)執行該函式的作用域物件——影響 this 的值。傳入這些方法中的函式會接受三個引數:陣列項的值,該項在陣列中的位置和陣列物件本身。
- every() :對陣列中的每一項執行給定函式,如果該函式對每一項都返回 true ,則返回 true 。
- filter() :對陣列中的每一項執行給定函式,返回該函式會返回 true 的項組成的陣列。
- forEach() :對陣列中的每一項執行給定函式,這個方法沒有返回值。
- map() :對陣列中的每一項執行給定函式,返回每次函式呼叫的結果組成的陣列。
- some() : 對陣列中的每一項執行的給定函式,如果有任一項返回true,則返回 true 。
以上方法都不會修改陣列中包含的值。
9.歸併方法
ECMAScript還增加了兩個歸併陣列的方法:reduce() 和 reduceRight() 。這兩個方法都會迭代陣列所有項,然後構建一個最終返回的值。其中,reduce()方法從陣列的第一項開始,逐個遍歷到最後。而 reduceRight() 則從陣列的最後一項開始,向前遍歷到第一項。
這兩個方法都接受兩個引數:一個在每一項呼叫的函式和(可選的)作為歸併基礎的初始值。傳給 reduce() 和 reduceRight() 的函式接受四個引數:前一個值,當前值,項的索引和陣列物件。這個函式返回的任何值都會作為第一個引數自動傳給下一項。第一次迭代發生在陣列的第二項上,因此第一個引數是陣列的第一項,第二個引數就是陣列的第二項。