1. 程式人生 > >javascript資料結構----關於陣列的方法總結

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() 的函式接受四個引數:前一個值,當前值,項的索引和陣列物件。這個函式返回的任何值都會作為第一個引數自動傳給下一項。第一次迭代發生在陣列的第二項上,因此第一個引數是陣列的第一項,第二個引數就是陣列的第二項。