2018-03-21 JS入门2（阮一峰）

1. 数组

数组本身是对象，是一种特殊的对象

1.length

数组不能用点结构读取

var a = [1,2];
a[0] === 1        //true
a.0               //  SyntaxError: Unexpected number
a.length === 2    //  true，数组默认有length值

a[9] = 10;
a.length === 10   //  true，JavaScript还是会认为长度是10，会把中间的值都当作empty

JavaScript用32位整数保存数组的长度，所以数组最多只能存2³²-1个数，数组length的值是可以设置的，a.length = 0可以用来清空数组。

var a = [1,2,3];
a.length = 0;
a   // []

length的长度是可以设置的，若length大于原来的值，则多出来的叫空位，读取空位会返回undefined，用in运算符会返回false。

var a = [1,2,3];
a.length = 10
a[5]    // undefined

2 in a  // true，in检测的是key，而不是value和length
3 in a  // false，in检测的是key，而不是值

将数组的键分别设为字符串和小数，结果都不影响length的值，所以length只和数字键有关。

var a = [];

a['p'] = 'abc';
a.length === 0     //true
a[2.1] = 'abc';
a.length === 0     //true   

如果数组的键名是添加超出范围的数值，该键名会自动转为字符串。

a[-1] = 'a';
a[Math.pow(2, 32)] = 'b';

a.length === 0    //true
a[-1] === "a"    //true
a[4294967296] === "b"  //true

2. in

in检测的是键名，而不是值

var arr = [ 'a', 'b', 'c' ];
2 in arr  // true
'2' in arr // true
4 in arr // false ，不存在就是false

arr[100] = 'a';
100 in arr // true
99 in arr // false，空位也会被认为是false

3. 遍历数组

var colors = ['red', 'green', 'blue'];
colors.forEach(function (color) {    //function里的参数就是每一项的值
  console.log(color);
});        //red green blue

用length遍历数组时，会把空位输出为undefined，但使用数组的forEach方法、for...in结构、以及Object.keys方法进行遍历，空位都会被跳过，只有当数组的值是undefined时，它们才会输出undefined，所以用length遍历数组时要小心空位

var a = [ ,2,3];

for(var i=0;i<a.length;i++){
    console.log(a[i]);            //undefined   2   3
}

a.forEach(function (x, i) {       //x是value，i是key
    console.log(i + ':' + x);     // 1:2   2:3
});

a = [undefined,2,3];

a.forEach(function (x, i) {
    console.log(i + ':' + x);     // 0:undefined   1:2   2:3
});

4. delete

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

a[1] // undefined
a.length // 3

delete不会影响length，所以用length遍历数组的时候要小心

5.类似数组的对象

可以把类似数组对象转为真正的数组（目前看不懂），详情见阮一峰-数组-类似数组的对象

6.

typeof [1,2,3];      //      'object'  注意返回字符串

本文版权归彭奕泽和饥人谷所有