数组
1.数组简介
数组是值的有序集合。每个值叫做一个元素,而每个元素在数组中有一个位置,以数字表示(从0开始),称为索引,整个数组用方括号表示。
var arr = [1,2,3];
除了在定义时赋值,数组也可以先定义后赋值。
var arr = [];
arr[0] =1;
数组元素可以是任意类型。
var arr = [1,'a',{name:'a'},function(){}];
上面数组arr的4个元素分别是数字,字符串,对象,函数。
数组属于一种特殊的对象。
typeof [1]
// "object"
JavaScript语言规定,对象的键名一律为字符串,所以,数组的键名其实也是字符串。之所以可以用数值读取,是因为非字符串的键名会被转为字符串。
2、创建数组
2.1 创建数组
(1)数组直接量
使用数组直接量是创建数组最简单的方法,在方括号中将数组元素用逗号隔开即可。
var arr = [1,2,3];
注:如果省略数组直接量的某个值,省略的元素将被赋予undefined值。
(2)new Array()
我们也可以调用构造函数Array()创建数组
var a=new Array();
var a2=new Array(10);
var a3=new Array(1,2,3,4);
上面的例子,a是一个空数组,a2是一个包含10个数组项但为undefined的数组,a3是包含4个数组项,并且分别有值。
2.2 数组长度
每个数组都有一个 length 属性,返回数组的元素数量
[1,2,3].length //3
JavaScript使用一个32位整数,保存数组的元素个数。这意味着,数组成员最多只有4294967295个(232 - 1)个,也就是说length属性的最大值就是4294967295。
只要是数组,就一定有length属性。该属性是一个动态的值,等于键名中的最大整数加上1.
length属性是可写的。如果人为设置一个小于当前成员个数的值,该数组的成员会自动减少到length设置的值。
var arr = [1,2,3]
arr.length //3
arr.length = 2;
arr //[1,2]
将数组清空的一个有效方法,就是将length属性设为0。
var arr = [1,2,3];
arr.length = 0;
arr //[]
如果人为设置length大于当前元素个数,则数组的成员数量会增加到这个值,新增的位置都是空位。
var arr = [1];
arr.length=3;
arr[1] //undefined
在ECMAScript 5中,可以用Object.defineProperty() 让数组的length属性变成只读。
2.3 空位
当数组的某个位置是空元素,即两个逗号之间没有任何值,我们称该数组存在空位(hole)。
var arr = [1,,2]
arr.length //3
但是,如果最后一个元素后面有逗号,并不会产生空位。数组直接量的语法允许有可选的结尾的逗号,故[,,]只有两个元素而非三个。
var arr = [,,];
arr.length //2
2.4 数组元素的读和写
使用([])操作符来访问数组中的一个元素。
var arr = [1,2]
arr[0] //1
arr[1]=3; // [1,3]
2.5 数组元素的添加和删除
可以使用push()方法在数组末尾添加一个或多个元素。
var arr = [1,2]
arr.push(3) // [1,2,3]
arr.push('a','b') //[1,2,3,'a','b']
// shift()是删除数组的一个元素。
arr.shift() // [2,3,'a','b']
2.6 稀疏数组
稀疏数组是指包含从0开始的不连续索引的数组。通常,数组的length属性值代表数组中元素的个数,但如果是稀疏数组,length属性值大于元素的个数。
2.7 多维数组
JavaScript不支持真正的多维数组,但可以用数组的数组来近似。也可以说,数组里放数组。
var arr = [[1],[2,3]];
arr[0][0] // 1
arr[1][1] //3
2.8 遍历数组
我们可以使用for循环、while循环、for..in或者forEach()方法来遍历数组
var a = [1, 2, 3];
// for循环
for(var i = 0; i < a.length; i++) {
console.log(a[i]);
}
//while
var i = 0;
while (i < a.length) {
console.log(a[i]);
i++;
}
//for..in
for (var i in a) {
console.log(a[i]);
}
//forEach
a.forEach(function(v){
console.log(v);
})
2.9 类数组对象
在JavaScript中,有些对象被称为“类数组对象”。意思是,它们看上去很像数组,可以使用length属性,但是它们并不是数组,无法使用一些数组的方法。
var o = {
0: 'a',
1: 'b',
length:2
}
o[0] // "a"
o[1] // "b"
o.length // 2
o.push('d') // TypeError: o.push is not a function
上面代码中,变量o是一个对象,虽然使用的时候看上去跟数组很像,但是无法使用数组的方法。这就是类数组对象。
类数组对象 有一个特征,就是具有length属性。换句话说,只要有length属性,就可以认为这个对象类似于数组。但是,对象的length属性不是动态值,不会随着成员的变化而变化。
由于类数组对象没有继承自Array.prototype,那就不能在它们上面直接调用数组方法。不过我们可以间接的使用Function.call方法调用。
var o = {
0: 'a',
1: 'b',
length:2
};
Array.prototype.slice.call(o) // ["a","b"]
典型的类似数组对象:函数的arguments对象,以及大多数DOM元素集,还有字符串。