数据类型之数组笔记

本质上&＃xff0c;数组属于一种特殊的&＃xff08;其特殊性体现在&＃xff0c;它的键名是按次序排列的一组整数&＃xff09;对象。typeof运算符会返回数组的类型是object。

typeof [1, 2, 3] // "object"

var arr &＃61; [&＃39;a&＃39;, &＃39;b&＃39;, &＃39;c&＃39;];Object.keys(arr) // ["0", "1", "2"]

Javascript 语言规定&＃xff0c;对象的键名一律为字符串&＃xff0c;所以&＃xff0c;数组的键名其实也是字符串。之所以可以用数值读取&＃xff0c;是因为非字符串的键名会被转为字符串。

对象有两种读取成员的方法&＃xff1a;点结构&＃xff08;object.key&＃xff09;和方括号结构&＃xff08;object[key]&＃xff09;。但是&＃xff0c;对于数值的键名&＃xff0c;不能使用点结构&＃xff08;报错&＃xff09;。

length属性是可写的。清空数组的一个有效方法&＃xff0c;就是将length属性设为0。

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

var arr &＃61; [ &＃39;a&＃39;, &＃39;b&＃39;, &＃39;c&＃39; ]; 2 in arr // true &＃39;2&＃39; in arr // true 4 in arr // false

for...in循环不仅可以遍历对象&＃xff0c;也可以遍历数组&＃xff0c;for...in会遍历非数字键因此不推荐用来遍历数组。可以考虑使用for循环或while循环。

var a &＃61; [1, 2, 3];// for循环 for(var i &＃61; 0; i }// while循环 var i &＃61; 0; while (i }// 逆向遍历 var l &＃61; a.length; while (l--) {console.log(a[l]); }

数组的forEach方法&＃xff0c;也可以用来遍历数组。

var colors &＃61; [&＃39;red&＃39;, &＃39;green&＃39;, &＃39;blue&＃39;]; colors.forEach(function (color) {console.log(color); }); // red // green // blue

当数组的某个位置是空元素&＃xff0c;即两个逗号之间没有任何值&＃xff0c;我们称该数组存在空位&＃xff08;hole&＃xff09;。

数组的空位不影响length属性。

如果最后一个元素后面有逗号&＃xff0c;并不会产生空位。

使用delete命令删除一个数组成员&＃xff0c;会形成空位&＃xff0c;并且不会影响length属性。

数组的某个位置是空位&＃xff0c;与某个位置是undefined&＃xff0c;是不同的。空位就是数组没有这个元素&＃xff0c;所以不会被遍历到&＃xff0c;而undefined则表示数组有这个元素&＃xff0c;值是undefined&＃xff0c;所以遍历不会跳过。

var a &＃61; [, , ,];a.forEach(function (x, i) {console.log(i &＃43; &＃39;. &＃39; &＃43; x); }) // 不产生任何输出for (var i in a) {console.log(i); } // 不产生任何输出Object.keys(a) // []

var a &＃61; [undefined, undefined, undefined];a.forEach(function (x, i) {console.log(i &＃43; &＃39;. &＃39; &＃43; x); }); // 0. undefined // 1. undefined // 2. undefinedfor (var i in a) {console.log(i); } // 0 // 1 // 2Object.keys(a) // [&＃39;0&＃39;, &＃39;1&＃39;, &＃39;2&＃39;]

如果一个对象的所有键名都是正整数或零&＃xff0c;并且有length属性&＃xff0c;那么这个对象就很像数组&＃xff0c;语法上称为“类似数组的对象”&＃xff08;array-like object&＃xff09;。

var obj &＃61; {0: &＃39;a&＃39;,1: &＃39;b&＃39;,2: &＃39;c&＃39;,length: 3 };obj[0] // &＃39;a&＃39; obj[1] // &＃39;b&＃39; obj.length // 3 obj.push(&＃39;d&＃39;) // TypeError: obj.push is not a function

“类似数组的对象”的根本特征&＃xff0c;就是具有length属性。只要有length属性&＃xff0c;就可以认为这个对象类似于数组。但是有一个问题&＃xff0c;这种length属性不是动态值&＃xff0c;不会随着成员的变化而变化。

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

// arguments对象 function args() { return arguments } var arrayLike &＃61; args(&＃39;a&＃39;, &＃39;b&＃39;);arrayLike[0] // &＃39;a&＃39; arrayLike.length // 2 arrayLike instanceof Array // false// DOM元素集 var elts &＃61; document.getElementsByTagName(&＃39;h3&＃39;); elts.length // 3 elts instanceof Array // false// 字符串 &＃39;abc&＃39;[1] // &＃39;b&＃39; &＃39;abc&＃39;.length // 3 &＃39;abc&＃39; instanceof Array // false

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

var arr &＃61; Array.prototype.slice.call(arrayLike);

除了转为真正的数组&＃xff0c;“类似数组的对象”还有一个办法可以使用数组的方法&＃xff0c;就是通过call()把数组的方法放到对象上面。

function print(value, index) {console.log(index &＃43; &＃39; : &＃39; &＃43; value); }Array.prototype.forEach.call(arrayLike, print);

arrayLike代表一个类似数组的对象&＃xff0c;本来是不可以使用数组的forEach()方法的&＃xff0c;但是通过call()&＃xff0c;可以把forEach()嫁接到arrayLike上面调用。

// forEach 方法 function logArgs() {Array.prototype.forEach.call(arguments, function (elem, i) {console.log(i &＃43; &＃39;. &＃39; &＃43; elem);}); }// 等同于 for 循环 function logArgs() {for (var i &＃61; 0; i &＃39;. &＃39; &＃43; arguments[i]);} }//字符串 Array.prototype.forEach.call(&＃39;abc&＃39;, function (chr) {console.log(chr); }); // a // b // c