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

var s = [
    {name: 'arron'},
    {name: 'arron'}
]
var t = {
    name: 'arron',
    age: 23
}
for( x in s ) {
    console.log(typeof x)
}
for( x in t ) {
    console.log(typeof x)
}

// 结果输出的类型都是string.
不是很理解这个类型为何是string,之前一直以为是Number类型的,特别是数组遍历的时候,求教
阅读 2.2k
4 个回答

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

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

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

var arr = [1,2,3];
arr.a = "str";
for(i in arr){
  console.log(arr[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本身就是用来遍历对象的,在for(x 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 Array(1,2,3);
            a[100]=100;
            console.log(a.length); //101
            console.log(a[3]); //undefined
            console.log(a[99]); //undefined
            console.log(a[100]); 100

Image

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏