javascirpt中的數組 詳細介紹

創建數組

方式一：構造函數

var colors=new Array();
var colors=new Array(20);
var colors=new Array{"red","blue","green"};
//也可以省略new操作符
var colors=Array(3);
var names=Array("Greg");

方式二：字面量

var colors=["red","blue"];
var names=[];//創建空數組

數組的length屬性

數組的length屬性不是隻讀的
1 通過索引爲數組賦值時，若索引值超過數組現有項數，數組的length會自動加1

var colors = ["red", "blue", "green"]; // 定義一個字符串數組
alert(colors[0]); // 顯示第一項
colors[2] = "black"; // 修改第三項
colors[3] = "brown"; // 新增第四項

2 通過設置length屬性，從數組末尾移除項或項數組中添加項

var colors = ["red", "blue", "green"]; // 創建一個包含 3 個字符串的數組
colors.length = 4;
alert(colors[3]); //undefined

//利用 length 屬性也可以方便地在數組末尾添加新項
var colors = ["red", "blue", "green"]; // 創建一個包含 3 個字符串的數組
colors[colors.length] = "black"; //（在位置 3）添加一種顏色
colors[colors.length] = "brown"; //（在位置 4）再添加一種顏色

數組檢測

不常用

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

數組轉換

//轉換方法，toString()返回一個用逗號隔開的字符串；valueOf返回的還是數組
var colors = ["red", "blue", "green"]; // 創建一個包含 3 個字符串的數組
alert(colors.toString()); // red,blue,green
alert(colors.valueOf()); // red,blue,green
alert(colors); // red,blue,green

//join接收一個參數，作爲分隔符，返回用分隔符分隔的字符串
var colors = ["red", "green", "blue"];
alert(colors.join(",")); //red,green,blue
alert(colors.join("||")); //red||green||blue

棧方法

通過push()和pop()兩個方法，當數組實現類似於數據結構中棧的行爲（後進先出，出口和入口是同一個）
push()方法可以接收任意數量的參數，將它們添加到數組末尾，並返回修改後的數組長度
pop()方法從數組末尾移除最後一項，減少length值，返回移除的項

var colors = new Array(); // 創建一個數組
var count = colors.push("red", "green"); // 推入兩項
alert(count); //2

count = colors.push("black"); // 推入另一項
alert(count); //3

var item = colors.pop(); // 取得最後一項
alert(item); //"black"
alert(colors.length); //2

隊列方法

通過push()和shift()方法實現了類似數據結構 中隊列的操作（先進先出，一個出口，一個入口）
push:項數組末尾添加
shift:移除數組的第一項

var colors = new Array(); //創建一個數組
var count = colors.push("red", "green"); //推入兩項
alert(count); //2

count = colors.push("black"); //推入另一項
alert(count); //3

var item = colors.shift(); //取得第一項
alert(item); //"red"
alert(colors.length); //2

排序方法

數組中已經存在兩個可以直接用來重排序的方法： reverse()和 sort()
reverse()方法會反轉數組項的順序

var values = [1, 2, 3, 4, 5];
values.reverse();
alert(values); //5,4,3,2,1

sort()方法按升序排列數組項——即最小的值位於最前面，最大的值排在最後面。
sort()方法會調用每個數組項的 toString()轉型方法，然後比較得到的字符串
即使數組中的每一項都是數值， sort()方法比較的也是字符串，如下所示:

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

爲此，sort()方法可以接收一個比較函數作爲參數，以便我們指定哪個值位於哪個值的前面。
比較函數接收兩個參數：
如果第一個參數應該位於第二個之前則返回一個負數；
如果兩個參數相等則返回 0；
如果第一個參數應該位於第二個之後則返回一個正數；

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);
alert(values); //0,1,5,10,15

操作方法

concat()方法

可以基於當前數組中的所有項創建一個新數組

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

slice()方法:

一個參數返回從該參數指定位置開始到當前數組末尾的所有項。
如果有兩個參數，該方法返回起始和結束位置之間的項,但不包括結束位置的項。
注意， slice()方法不會影響原始數組

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

splice()方法

刪除：可以刪除任意數量的項，只需指定 2 個參數：要刪除的第一項的位置和要刪除的項數。
例如， splice(0,2)會刪除數組中的前兩項。
插入：可以向指定位置插入任意數量的項，只需提供 3 個參數：起始位置、 0（要刪除的項數）
和要插入的項。如果要插入多個項，可以再傳入第四、第五，以至任意多個項。例如，
splice(2,0,“red”,“green”)會從當前數組的位置 2 開始插入字符串"red"和"green"。
替換：可以向指定位置插入任意數量的項，且同時刪除任意數量的項，只需指定 3 個參數：起
始位置、要刪除的項數和要插入的任意數量的項。插入的項數不必與刪除的項數相等。例如，
splice (2,1,“red”,“green”)會刪除當前數組位置 2 的項，然後再從位置 2 開始插入字符串
“red"和"green”。