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