JavaScript 數組常用方法

有一天被問到了一個題，感覺很有意思，如下：

new Array(6)
	new Array(6, 6)
//上訴兩行代碼，分别建立了什麼？
           

1. 檢測數組

var arr = [];
	
	arr instanceof Array
	Array.isArray(arr)
           

1. 轉換方法

• toString() 傳回以逗号分隔的數組中的值組成的字元串
• valueOf() 傳回數組對象的原始值
• join(‘a’) 傳回一個将數組以 a 這個分隔符連接配接起來的字元串

ar colors = ["red", "blue", "green"];
	alert(colors.toString());// red,blue,green
	alert(colors.valueOf());// red,blue,green
	alert(colors);// 由于 alert 要接收字元串，是以會先調用toString()
    alert(colors.join("||"));      //red||green||blue
           

1. 棧方法（後進先出）

• push() 接收任意數量的參數，添加到數組末尾，傳回數組長度
• pop() 從數組末尾移除最後一項，傳回被删除的項

var colors = new Array();
	var count = colors.push("red", "green"); 
	alert(count); //2
	var item = colors.pop();
	alert(item);  //"black"
           

1. 隊列方法（先進先出）

• shift() 從數組前端移除一項，傳回被移除的項
• unshift() 從數組前端添加任意個項，傳回數組長度

var colors = new Array();
	var count = colors.unshift("red", "green");
	alert(count); //2
	var item = colors.shift();
	alert(item); //"red"
           

1. 排序方法

• reverse() 反轉數組順序
• sort() 預設情況下按字元編碼排序，也可傳入一個比較函數

var values = [0, 1, 5, 10, 15]; 
	values.reverse();
	alert(values);	//0,1,5,10,15

	values.sort();
    alert(values);  //0,1,10,15,5

	arr.sort(function(a, b){
		return a - b;//a-b從小到大；b-a從大到小
	});//0,1,5,10,15
           

1. 操作方法

• concat() 連接配接多個數組或字元串，并傳回一個新數組
• slice(a, b) 從數組 [a, b) 截取并傳回一個新數組；如果不寫 b，就截取所有。

• splice(start, num, item…) 始終都會傳回一個新數組

  start : 起始位置，要删除的第一項

  num ：要删除的數量

  item ：要插入的項，可以插入任意個

var colors = ["red", "green", "blue"];
	
    var colors2 = colors.concat("yellow", ["black", "brown"]);
    alert(colors2);    //red,green,blue,yellow,black,brown

	var colors2 = colors.slice(1);
	var colors3 = colors.slice(1,4);
	alert(colors2);   //green,blue,yellow,purple
	alert(colors3);   //green,blue,yellow

	var removed = colors.splice(0,1); 
	alert(colors); // green,blue 
	alert(removed); // red，傳回的數組中隻包含一項
	removed = colors.splice(1, 0, "yellow", "orange"); 				
	alert(colors); // green,yellow,orange,blue 
	alert(removed); // 傳回的是一個空數組
	removed = colors.splice(1, 1, "red", "purple"); 
	alert(colors); // green,red,purple,orange,blue 	
	alert(removed); // yellow，傳回的數組中隻包含一項
           

1. 位置方法

• indexOf(item, index) 從數組開頭向後查找

• lastIndexOf(item, index) 從數組末尾向前查找

  兩個方法都傳回要查找的項在數組中的位置。

  item:要查找的項。index:(可選)起點位置的索引

var numbers = [1,2,3,4,5,4,3,2,1];
    alert(numbers.indexOf(4));        //3
    alert(numbers.lastIndexOf(4)); //5
	alert(numbers.indexOf(4, 4));     //5
	alert(numbers.lastIndexOf(4, 4)); //3
           

1. 疊代方法

   ECMAScript 5 為數組定義了 5 個疊代方法。每個方法都接收兩個參數:要在每一項上運作的函數和 (可選的)運作該函數的作用域對象——影響 this 的值。傳入這些方法中的函數會接收三個參數:數組項的值(必寫)、（可選）該項在數組中的位置。

• every():對數組中的每一項運作給定函數，如果該函數對每一項都傳回 true，則傳回 true。
• some():對數組中的每一項運作給定函數，如果該函數對任一項傳回 true，則傳回 true。
• filter():對數組中的每一項運作給定函數，傳回該函數會傳回 true 的項組成的數組。
• forEach():對數組中的每一項運作給定函數。這個方法沒有傳回值。
• map():對數組中的每一項運作給定函數，傳回每次函數調用的結果組成的數組。

var numbers = [1,2,3,4,5,4,3,2,1];
	
	var everyResult = numbers.every(function(item, index){
	         return (item > 2);
	});
	alert(everyResult); //false
	
	var someResult = numbers.some(function(item, index){
	         return (item > 2);
	});
	alert(someResult); //true

	var filterResult = numbers.filter(function(item, index){
    return (item > 2);
    });
	alert(filterResult);//[3,4,5,4,3]

	var mapResult = numbers.map(function(item, index){
        return item * 2;
    });
    alert(mapResult);  //[2,4,6,8,10,8,6,4,2]

	numbers.forEach(function(item, index){
		//執行某些操作
	});
           

1. 歸并方法

• reduce(func, num) 從數組開頭周遊
• reduceRight(func, num)。從數組最後一項向前周遊

func : 在每一項上調用的函數

num : (可選的)作為歸并基礎的初始值。

func 接收 4 個參數:前一個值(必須)、目前值(必須)、(可選)項的索引和數組對象。

這個函數傳回的任何值都會作為第一個參數自動傳給下一項。第一次疊代發生在數組的第二項上，是以第 一個參數是數組的第一項，第二個參數就是數組的第二項。

var values = [1,2,3,4,5];
	var sum = values.reduce(function(prev, cur){
	    return prev + cur;
	});
	alert(sum); //15