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

Question

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类型的，特别是数组遍历的时候，求教

Answer 1

第一，你在遍历数组使用的是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
}

Answer 2

遍历数组用map就好

Answer 3

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

name: 'arron',
age: 23

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

Answer 4

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