今天在工作中碰到一个JS中 for …in 的问题

var s = [ {name: arron}, {name: arron}
]
var t = { name: arron, age: 23
}
for x in s { console.logtypeof x
}
for x in t { console.logtypeof x
} // 结果输出的类型都是string.
不是很理解这个类型为何是string,之前一直以为是Number类型的,特别是数组遍历的时候,求教

第一,你在遍历数组使用的是in,遍历出的是数据的索引,1,2,而且,JavaScript中规定,数组和对象的键名都是字符串,因此你遍历出的索引1,2都是字符串,也就是"1","2",所以输出的类型都是string。

第二,你在遍历对象也是一样,遍历出的是对象的属性名,属性名也是字符串,所以输出的类型也是string,应该typeof t[x]才是你想要的结果。

第三,数组遍历推荐使用普通的for
因为数组是内建对象,in操作符会遍历数组的其他属性,如

var arr = [1,2,3];
arr.a = "str";
fori in arr{ console.logarr[i]; // 1,2,3,str
}

遍历数组用map就好

因为你遍历的是json,你的x是json的key,以`var t = {

name: arron,
age: 23

}`为例,key就是name和age,当然是string了。

for in 是用来枚举一个对象,当然,数组也是一个对象,所以for in也可以遍历数组

对于你这个问题,for in本身就是用来遍历对象的,在forx in obj中,x是obj的key,是string类型,而数组是特殊的对象,当你在浏览器console一个数组时,你会发现是下面这种形式

a:Array[3]
{ 0:num0, 1:num1, 2:num2, length:3 ......
}

这种形式的

是不是发现了什么,数组中的下标相当于对象中的key,所以在使用for in的时候是string类型。

为什么不推荐使用for in遍历数组呢,因为对于正常的数组没有什么影响,但是对于不正常的数组:

 var a=new Array1,2,3; a[100]=100; console.loga.length; //101 console.loga[3]; //undefined console.loga[99]; //undefined console.loga[100]; 100

发表评论

电子邮件地址不会被公开。 必填项已用*标注