javascript - JS中for in函数怎样处理JSON对象

Question

data={

notices:[
   {a:1,
   b:2},
   {a:0,b:1}
   
]

}
for(x in data.notices){

x.a=2

}
console.log(data.notices);
var check=data.propertyIsEnumerable(data.notices);
alert(check);
请问为什么我想用for in函数处理JSON对象的时候，得到的结果是这个对象不能够用for in函数进行处理呢？

Answer 1

只能说，小心坑，同一个API，用for in来处理对象和数组，结果是不同的，先看语法：

图片来源：https://docs.webplatform.org/wiki/javasc...

关键在于：Executes one or more statements for each property of an object, or each element of an array.
js中，使用for in处理对象和数组，使用的效果是不同的。

一个简单的实验：

var arr = ['a','b','c']
for(var i in arr){

console.log("数组："+i)

}
//结果：数组：0， 数组：1，数组：2

var obj = {'a':'a1','b':'b2','c':'c3'}
for(var i in obj){

console.log("对象："+i)

}
//结果：对象：a，对象：b，对象：c

见到没，for in处理数组时，其实解析过程跟for(var i =0;i<arr.length;i++)是一致的，你得到的i，不是对象，而是下标。

所以你用
for(x in data.notices){

x.a=2

}，其实就是这样
for(var x=0;x<data.notices.length;x++){

x.a=2;//x是下标，本来就是单间公寓，你还要晒个小孩过来，合适么，囧

}

Answer 2

for in 循环，in 前面的只是一个 key，用在数组当中就是数组下标(0, 1, 2, ...)，而不是数组元素，访问数组元素还需要用属性访问运算符data.notices[x]来进行。

Answer 3

data.notices是数组，所以for-in的时候x不是数组的元素，而是数组的下标，所以你的x.a = 2是没有意义的：

for(x in data.notices){
    data.notices[x].a=2
}

Answer 4

用for in当然可以，只要你喜欢，但是从效率上来说，对于明确的数组还是使用for(let i=0; i < array.length; i++){}的形式更好