此系列体验视频教程
点击观看：哔哩哔哩
数组
基本语法
按次序排列的一组值。每个值的位置都有编号（从0开始），整个数组用方括号表示。
字面量创建数组(构造函数创建数组后面再讲)
var arr = ['a', 'b', 'c'];
可以通过数组下标获取每一项的值
console.log(arr[0])
console.log(arr[2])
console.log(arr[6]) undefined
数组的大小是可以动态调整的，即可以随着数据的添加自动增长以容纳新增数据。而且可以间隔设置索引值，跳过部分为空位，是未定义的值，打印空位的输出结果为undefined
arr[3] = 'd';
arr[9] = 'e';
console.log(arr[8]) // undefined
除了在定义时赋值，数组也可以先定义后赋值。
var arr = [];
arr[0] = 'a';
arr[1] = 'b';
arr[2] = 'c';
任何类型的数据，都可以放入数组。
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], [6, 9]];
a[0][1] // 2
a[1][1] // 9
数组的本质
本质上，数组属于一种特殊的对象。typeof运算符会返回数组的类型是object。
typeof [1, 2, 3] // "object"
数组的键名其实也是字符串。之所以可以用数值读取，是因为非字符串的键名会被转为字符串。
var arr = ['a', 'b', 'c'];
arr['0'] // 'a'
注意，这点在赋值时也成立。一个值总是先转成字符串，再作为键名进行赋值。设置不合数组索引规则的值，并没有太大用处，因为并不会被记入到数组的length属性中，遍历的时候也不会被遍历出来。
var a = [];
a[9.00] = 'abc'; // 小数9.00转换成字符串后为9
console.log(a[9]) // abc
console.log(a['9']) // abc
console.log(arr[true]) = 'def'
console.log(arr['true']) // def
arr[-1] = 'ghi'
console.log(arr[-1]);
console.log(arr['-1']);
arr[1.23] = 'jkl'
console.log(arr[1.23]);
console.log(arr['1.23']);
console.log(arr);
对于数值的键名，不能使用点结构。
var arr = [1, 2, 3];
arr.0 // SyntaxError
length属性
数组的length属性，返回数组的成员数量。
['a', 'b', 'c'].length // 3
只要是数组，就一定有length属性。该属性是一个动态的值，等于键名中的最大整数加上1。
var arr = ['a', 'b'];
arr.length // 2
arr[2] = 'c';
arr.length // 3
arr[9] = 'd';
arr.length // 10
arr[1000] = 'e';
arr.length // 1001
length属性是可写的。
var arr = [ 'a', 'b', 'c' ];
arr.length // 3
arr.length = 2;
arr // ["a", "b"]
数组的空位
当数组的某个位置是空元素，即两个逗号之间没有任何值，我们称该数组存在空位（hole）。
var a = [1, , 1];
a.length // 3
如果最后一个元素后面有逗号，并不会产生空位。 数组的空位是可以读取的，返回undefined。
使用delete命令删除一个数组成员，会形成空位，并且不会影响length属性。
var a = [1, 2, 3];
delete a[1];
a[1] // undefined
a.length // 3
类似数组的对象
如果一个对象的所有键名都是正整数或零，并且有length属性，那么这个对象就很像数组，语法上称为“类似数组的对象”（array-like object）。
var obj = {
0: 'a',
1: 'b',
2: 'c',
length: 3
};
obj[0] // 'a'
obj[1] // 'b'
obj.length // 3
obj[3] = 'd'
obj.length // 3
这种length属性不是动态值，不会随着成员的变化而变化。
练习
- 使用数组arr拼接出字符串hello world并打印输出
var arr = [
['a', 'b', 'c', 'z', ['q'], ['l']],
['e', 'f', 'g', 'h', ['s', 't']],
['i', 'j', 'k', 'r', ['u', ['v', 'w'], [' ']]],
['m', 'n', 'o', 'p', ['x'], ['y', ['d']]]
]
- 下面代码问号处会输出什么？
var arr = ['a', 'b', 'c', 'd', 'e']
delete arr[1]
console.log(arr.length); // ?
delete arr[4]
console.log(arr.length); // ?
arr.length = 3
console.log(arr.length); // ?
console.log(arr[3]); // ?
arr[9] = 'f'
console.log(arr.length); // ?
console.log(arr[6]); // ?
console.log(arr[2]); // ?
arr = []
arr[0] = 'aa'
console.log(arr[1]); // ?
console.log(arr.length); // ?
以后要讲的
- in 运算符
- for...in 循环和数组的遍历
- 类似数组的对象深入讲解
