摘要：的這種實(shí)現(xiàn)方式導(dǎo)致了一些尷尬問題，比如刪除元素元素遍歷。后面的參數(shù)被忽略掉了，表示并沒有要插入的元素。其實(shí)，的本質(zhì)是跟蹤中的，并始終保持值是。這時(shí)候，雖然不大可能，可能會(huì)在中間某個(gè)中被用戶重新定義。但是在上進(jìn)行這種操作是很糟糕的。

在Javascript中，array是一個(gè)類數(shù)組的object。顧名思義，它能夠在一個(gè)變量上存儲多個(gè)值。

數(shù)組是值的有序集合。每個(gè)值叫做一個(gè)元素，而每個(gè)元素在數(shù)組中有一個(gè)位置，以數(shù)字表示，稱為索引。JavaScript數(shù)組是無類型：數(shù)組元素可以是任意類型，并且同一個(gè)數(shù)組中的不同元素也可能有不同的類型。 --《JavaScript權(quán)威指南(第六版)》

array在一般Javascript object基礎(chǔ)上，有自己額外的屬性。它采用numbered index作為的key，有一個(gè)length property跟蹤數(shù)組長度，還有如push/pop、shift/unshift等數(shù)組特有操作。

作為一個(gè)object，我們可以在array上面進(jìn)行所有object的合法操作，比如設(shè)置一個(gè)named key。

var test = [];
test.fruit = "APPLE";
console.log(test.fruit); // APPLE

上面僅僅把a(bǔ)rray作為一個(gè)普通的Javascript object使用，等價(jià)于var test = {}。在這種場合，我們應(yīng)該選擇普通的Javascirpt object，而非array。

Javascript中的 array object 采用了一個(gè)很樸素的思想來實(shí)現(xiàn)數(shù)組 —— 用數(shù)字來充當(dāng)object的keys。這樣在表面上延續(xù)了我們在C++/Java上使用數(shù)組的編程體驗(yàn)。

{ 
    0 : item0, 
    1 : item1, 
    2 : item2
}

array的這種實(shí)現(xiàn)方式導(dǎo)致了一些尷尬問題，比如刪除元素、元素遍歷。我們會(huì)在后面談到這些問題。

和一般Javascript object一樣，我們可以使用delete來刪除object中的property。

var arr = ["a", "b", "c", "d"];
delete arr[1];
console.log(arr);
console.log(arr[1]);
// [ "a", , "c", "d" ]
// undefined

當(dāng)我們使用delete來刪除某一個(gè)元素arr[1]時(shí)，arr中key 1 和value b之間的連接被切斷，key 1對應(yīng)的值被重置為undefined。注意，這時(shí)候，array中其他元素并沒有改變自身的index來填補(bǔ)這key 1這個(gè)空洞，而是保持原值。這樣，key 1就變成了arr中的一個(gè)洞了！

除非有特殊需求，比如需要用到sparse array，一般情況下并不推薦使用delete operator來刪除array中的元素。

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(0, 1); // Removes the first element of fruits

第一個(gè)參數(shù) (0) 定義新元素要從哪個(gè)位置插入。第二個(gè)參數(shù) (1) 定義新元素插入位置開始有多少元素要被刪除。后面的參數(shù)被忽略掉了，表示并沒有要插入的元素。

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var toDelete = "Apple";
fruits = fruits.filter(function(value) { 
    return value != toDelete;
});
// [ "Banana", "Orange", "Mango" ]

length是array object的一個(gè)property， 根據(jù)名字來看，似乎是記錄array的長度。其實(shí)，length的本質(zhì)是跟蹤array中的max_index，并始終保持值是max_index + 1。

這和記錄長度有什么區(qū)別呢？

還記得使用delete來刪除元素的情形吧？中間元素被刪了，但是其他元素沒有改變自身的index來填補(bǔ)空間。這時(shí)候即使delete了多個(gè)元素，數(shù)組的length可能并沒有發(fā)生變化。

var array_object = [1, 2, 3];
console.log(array_object.length); // 3
delete array_object[1];
console.log(array_object.length); // 3!

如果array中沒有“洞”， for loop和forEach兩種遍歷方式區(qū)別不大。在array有洞的情況下，兩者略有不同，其中forEach會(huì)跳過這些洞，而傳統(tǒng)的for loop并不會(huì)。

var array_object = [1, 2, 3];
delete array_object[1];

// 不跳過洞
for(var i=0; i
遍歷array的方法還有其他，更多方法可以參考這篇StackOverflow問答。
[] vs. new Array( )
當(dāng)新建一個(gè)array時(shí)候，我們有下面兩種方式: array literal [] 或 array constructor new Array(arg)
var arrayA = [];
var arrayB = new Array();
當(dāng)使用[]時(shí)候， JS engine會(huì)直接調(diào)用global Array的constructor新建一個(gè)array變量并返回。當(dāng)使用new Array()時(shí)候， JS engine會(huì)沿著Execution Context往上追溯到名為Array的constructor function，并據(jù)此生成一個(gè)object。這時(shí)候，雖然不大可能，Array可能會(huì)在中間某個(gè)Execution Context中被用戶重新定義。下面是coderjoe在StackOverflow中提出的例子。在例子中，我們最后得到的并不是我們期待的原生Array。
function Array() { 
    this.is = "SPARTA";
}
var a = new Array();
var b = [];
alert(a.is); 
// => "SPARTA"
alert(b.is); 
// => undefineda.push("Woa"); 
// => TypeError: a.push is not a functionb.push("Woa"); 
// => 1 (OK)
大部分Javascirpt社區(qū)推薦使用[]來新建array。
You never need to use new Object() in JavaScript. Use the object literal {} instead. Similarly, don’t use new Array(), use the array literal [] instead. Arrays in JavaScript work nothing like the arrays in Java, and use of the Java-like syntax will confuse you. LINK
Array 復(fù)制
淺度復(fù)制
var arr1 = ["a", "b", "c"];
var arr2 = arr1; 
arr2[0] = 1; // 對數(shù)組arr2的元素進(jìn)行修改
console.log(arr1); // [1, "b", "c"]
深度復(fù)制
var arr1 = ["a", "b", "c", "d", "e"];
var arr2 = arr1.concat(); // 使用concat()方法，返回新的數(shù)組
arr2[0] = 1; 
console.log(arr1); // => ["a", "b", "c", "d", "e"]：數(shù)組arr1的元素沒變更
console.log(arr2); // => [ 1, "b", "c", "d", "e"]：數(shù)組arr2的元素發(fā)生了變更
Associate Array
在計(jì)算機(jī)科學(xué)中，采用named index而非numbered index的數(shù)組被稱為Associative Array。
var associative_array = new Array();
associative_array["one"] = "Lorem";
associative_array["two"] = "Ipsum";
associative_array["three"] = "dolor";

for (i in associative_array) { 
    console.log(i);
};
// one two three 
上面操作可以應(yīng)用在任何Javascript object上，array object也不例外。但是在Javascript array上進(jìn)行這種操作是很糟糕的。當(dāng)需要使用named string作為key時(shí)候，我們應(yīng)該使用一般的object，而非array。
Javascript里面并不支持named index的array。
If you use a named index, JavaScript will redefine the array to a standard object. After that, all array methods and properties will produce incorrect results... In JavaScript, arrays always use numbered indexes. LINK
Reference

Iterating over an array with “holes” in JavaScript

Create an empty object in JavaScript with {} or new Object()?

What’s the difference between “Array and “[]” while declaring a JavaScript array?

JavaScript Array對象