数据类型 数组

摘要：数组的本质数组属于一种特殊的对象。运算符会返回数组的类型是对象的键名一律为字符串，所以，数组的键名其实也是字符串。数组的空位读取遍历无两个逗号之间没有任何值，我们称该数组存在空位。数组的方法可以将类似数组的对象变成真正的数组。

定义
数组的本质
length 属性
in 运算符
for...in 循环和数组的遍历
数组的空位
类似数组的对象
参考链接

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]];
a0 // 2
a1 // 4

2.数组的本质
数组属于一种特殊的对象。typeof运算符会返回数组的类型是object
var arr = ["a", "b", "c"];

Object.keys(arr)
// ["0", "1", "2"]

对象的键名一律为字符串，所以，数组的键名其实也是字符串。之所以可以用数值读取，是因为非字符串的键名会被转为字符串。

var arr = ["a", "b", "c"];

arr["0"] // "a"
arr[0] // "a"

对象的键名一律为字符串，所以，数组的键名其实也是字符串。之所以可以用数值读取，是因为非字符串的键名会被转为字符串。

var arr = ["a", "b", "c"];

arr["0"] // "a"
arr[0] // "a"

3.length 属性
只要是数组，就一定有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属性设为0。

var arr = [ "a", "b", "c" ];

arr.length = 0;
arr // []

读取新增的位置都会返回undefined。

值得注意的是，由于数组本质上是一种对象，所以可以为数组添加属性，但是这不影响length属性的值。

var a = [];

a["p"] = "abc";
a.length // 0

a[2.1] = "abc";
a.length // 0
上面代码将数组的键分别设为字符串和小数，结果都不影响length属性。因为，length属性的值就是等于最大的数字键加1，而这个数组没有整数键，所以length属性保持为0。

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

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

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

4.in 运算符

检查某个键名是否存在的运算符in，适用于对象，也适用于数组。

注意，如果数组的某个位置是空位，in运算符返回false。

var arr = [];
arr[100] = "a";

100 in arr // true
1 in arr // false
上面代码中，数组arr只有一个成员arr[100]，其他位置的键名都会返回false。

5.for...in 循环和数组的遍历

得到建值

var a = [1, 2, 3];

for (var i in a) {
console.log(a[i]);
}
// 1
// 2
// 3

但是，for...in不仅会遍历数组所有的数字键，还会遍历非数字键。

var a = [1, 2, 3];
a.foo = true;

for (var key in a) {
console.log(key);
}
// 0
// 1
// 2
// foo
上面代码在遍历数组时，也遍历到了非整数键foo。所以，不推荐使用for...in遍历数组。

数组的遍历可以考虑使用for循环或while循环。

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++;
}

var l = a.length;
while (l--) {
console.log(a[l]);
}
上面代码是三种遍历数组的写法。最后一种写法是逆向遍历，即从最后一个元素向第一个元素遍历。

var colors = ["red", "green", "blue"];
colors.forEach(function (color) {
console.log(color);
});
// red
// green
// blue

6.数组的空位delete length 读取un 遍历无

两个逗号之间没有任何值，我们称该数组存在空位（hole）。

var a = [1, , 1];
a.length // 3但是非数字的不影响length 用delete也不影响

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

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

上面代码用delete命令删除了数组的第二个元素，这个位置就形成了空位，但是对length属性没有影响。也就是说，length属性不过滤空位。所以，使用length属性进行数组遍历，一定要非常小心

数组的空位是可以读取的，返回undefined。但是
如果是空位，使用数组的forEach方法、for...in结构、以及Object.keys方法进行遍历，空位都会被跳过。

空值为undefined

如果某个位置是undefined，遍历的时候就不会被跳过。

var a = [undefined, undefined, undefined];

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

for (var i in a) {
console.log(i);
}
// 0
// 1
// 2

Object.keys(a)
// ["0", "1", "2"]

这就是说，空位就是数组没有这个元素，所以不会被遍历到，而undefined则表示数组有这个元素，值是undefined，所以遍历不会跳过。

7.类似数组的对象

如果一个对象的所有键名都是正整数或零，并且有length属性，那么这个对象就很像数组，语法上称为“类似数组的对象

var obj = {
0: "a",
1: "b",
2: "c",
length: 3
};

obj[0] // "a"
obj[1] // "b"
obj.length // 3
obj.push("d") // TypeError: obj.push is not a function

没有push方法
length静态的

典型的“类似数组的对象”是函数的arguments对象，以及大多数 DOM 元素集，还有字符串。

// arguments对象
function args() { return arguments }
var arrayLike = args("a", "b");

arrayLike[0] // "a"
arrayLike.length // 2
arrayLike instanceof Array // false

// DOM元素集
var elts = document.getElementsByTagName("h3");
elts.length // 3
elts instanceof Array // false

// 字符串
"abc"[1] // "b"
"abc".length // 3
"abc" instanceof Array // false
上面代码包含三个例子，它们都不是数组（instanceof运算符返回false），但是看上去都非常像数组。

数组的slice方法可以将“类似数组的对象”变成真正的数组。

var arr = Array.prototype.slice.call(arrayLike);
除了转为真正的数组，“类似数组的对象”还有一个办法可以使用数组的方法，就是通过call()把数组的方法放到对象上面。

function print(value, index) {
console.log(index + " : " + value);
}

Array.prototype.forEach.call(arrayLike, print);
上面代码中，arrayLike代表一个类似数组的对象，本来是不可以使用数组的forEach()方法的，但是通过call()，可以把forEach()嫁接到arrayLike上面调用。

下面的例子就是通过这种方法，在arguments对象上面调用forEach方法。

// forEach 方法
function logArgs() {
Array.prototype.forEach.call(arguments, function (elem, i) {

console.log(i + ". " + elem);

});
}

// 等同于 for 循环
function logArgs() {
for (var i = 0; i < arguments.length; i++) {

console.log(i + ". " + arguments[i]);

}
}

字符串也是类似数组的对象，所以也可以用Array.prototype.forEach.call遍历。

Array.prototype.forEach.call("abc", function (chr) {
console.log(chr);
});
// a
// b
// c
注意，这种方法比直接使用数组原生的forEach要慢，所以最好还是先将“类似数组的对象”转为真正的数组，然后再直接调用数组的forEach方法。

var arr = Array.prototype.slice.call("abc");
arr.forEach(function (chr) {
console.log(chr);
});
// a
// b
// c