1.數組的定義
任何類型的數據,都可以放入數組。如果數組的元素還是數組,就形成了多維數組。
var arr = [
{a: 1},
[1, 2, 3],
function() {return true;}
];
arr[0] // Object {a: 1}
arr[1] // [1, 2, 3]
arr[2] // function (){return true;}
var a = [[1, 2], [3, 4]];
a[0][1] // 2
a[1][1] // 4
2. 數組的本質
本質上,數組屬于一種特殊的對象。typeof運算符會返回數組的類型是object。數組的特殊性體現在,它的鍵名是按次序排列的一組整數(0,1,2…)。JavaScript語言規定,對象的鍵名一律為字符串,所以,數組的鍵名其實也是字符串。之所以可以用數值讀取,是因為非字符串的鍵名會被轉為字符串。對象有兩種讀取成員的方法:“點”結構(object.key)和方括號結構(object[key])。但是,對于數值的鍵名,不能使用點結構。
typeof [1, 2, 3] // "object"
var arr = ['a', 'b', 'c'];
arr['0'] // 'a'
arr[0] // 'a'
Object.keys(arr)
// ["0", "1", "2"]
var arr = [1, 2, 3];
arr.0 // SyntaxError
3.length屬性
只要是數組,就一定有length屬性。該屬性是一個動態的值,等于鍵名中的最大整數加上1。
var arr = ['a', 'b'];
arr.length // 2
arr[9] = 'd';
arr.length // 10
當數組的length屬性設為2(即最大的整數鍵只能是1)那么整數鍵2(值為c)就已經不在數組中了,被自動刪除了。上面代碼表示,當length屬性設為大于數組個數時,讀取新增的位置都會返回undefined。
如果人為設置length為不合法的值,JavaScript會報錯。
var arr = [ 'a', 'b', 'c' ];
arr.length // 3
arr.length = 2;
arr // ["a", "b"]
var a = ['a'];
a.length = 3;
a[1] // undefined
4.類數組對象
它們看上去很像數組,可以使用length屬性,但是它們并不是數組,所以無法使用一些數組的方法。類似數組的對象只有一個特征,就是具有length屬性。
//數組的slice方法將類似數組的對象,變成真正的數組。
var arr = Array.prototype.slice.call(arrayLike);
// for循環
function logArgs() {
for (var i = 0; i < arguments.length; i++) {
console.log(i + '. ' + arguments[i]);
}
}
// forEach方法
function logArgs() {
Array.prototype.forEach.call(arguments, function (elem, i) {
console.log(i+'. '+elem);
});
//字符串也是類似數組的對象,所以也可以用Array.prototype.forEach.call遍歷。
Array.prototype.forEach.call('abc', function(chr) {
console.log(chr);
});
// a
// b
// c
}
5.in 運算符
檢查某個鍵名是否存在的運算符in,適用于對象,也適用于數組
var arr = [ 'a', 'b', 'c' ];
2 in arr // true
'2' in arr // true
4 in arr // false
var arr = [];
arr[100] = 'a';
100 in arr // true
1 in arr // false
6.for…in 循環和數組的遍歷
for...in循環不僅可以遍歷對象,也可以遍歷數組,畢竟數組只是一種特殊對象。但是,for...in不僅會遍歷數組所有的數字鍵,還會遍歷非數字鍵。
var a = [1, 2, 3];
a.foo = true;
for (var key in a) {
console.log(key);
}
// 0
// 1
// 2
// foo
7.數組的空位
當數組的某個位置是空元素,即兩個逗號之間沒有任何值,我們稱該數組存在空位(hole)。數組的空位不影響length屬性。使用數組的forEach方法、for...in結構、以及Object.keys方法進行遍歷,空位都會被跳過。如果某個位置是undefined,遍歷的時候就不會被跳過。```javascript
var a = [1, 2, 3];
delete a[1];
a[1] // undefined
a.length // 3