开启掘金成长之旅!这是我参加「掘金日新计划·12月更文挑战」的第十天,点击查看活动详情
in运算符
检查某个键名是否存在的运算符in,适用于对象,也适用于数组。
var arr = ['a','b','c'];
2 in arr //true
'2' in arr //true
4 in arr //false
上面代码表示,数组存在键名为2的键。由于键名都是字符串,所以数值2会自动转成字符串。
注意,如果数组的某个位置是空位,in运算符返回false。
var arr =[];
arr[100] = 'a';
100 in arr //true
1 in arr // false
上面代码中,数组arr只有一个成员arr[100],其他位置的键名都会返回false。
for...in循环和数组的遍历
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]);
}
上面代码是三种遍历数组的写法。最后一种写法是逆向遍历,即从最后一个元素向第一个元素遍历。
数组的空位
当数组的某个位置是空元素,即两个逗号之间没有任何值,我们称该数组存在空位(hole)。
var a = [1, ,-1];
a.length // 3;
上面代码表明,数组的空位不影响length属性。
需要注意的是,如果最后一个元素后面有逗号,并不会产生空位。也就是说,有没有这个逗号,结果都是一样的。
var a = [1,2,3,];
a.length //3
a //[1,2,3]
上面代码中,数组最后一个成员后面有一个逗号,这不影响length属性的值,与没有这个逗号时效果一样。
数组的空位是可以读取的,返回undefined。
var a = [ , , , ];
a[1] //undefined
使用delete命令删除一个数组成员,会形成空位,并且不会影响length属性。
var a = [1,2,3];
delete a[1];
a[1] //undefined
a.length //3
上面代码用delete命令删除了数组的第二个元素,这个位置就形成了空位,但是对length属性没有影响。也就是说,length属性不过滤空位。所以,使用length属性进行数组遍历,一定要非常小心。
数组的某个位置是空位,与某个位置是undefined,是不一样的。如果是空位,使用数组的forEach方法、for...in结构、以及Object.keys方法进行遍历,空位都会被跳过。
var a = [, , ,];
a.forEach(function (x, i) {
console.log(i + '. ' + x);
})
// 不产生任何输出
for (var i in a) {
console.log(i);
}
// 不产生任何输出
Object.keys(a)
// []
如果某个位置是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,所以遍历不会跳过。