for in 循环获取json数据中'key'与'value'

 一、for in 方法

 a.for in 循环对象

var data = {name:'mcYang0929',age:'25',sex:'man'};

for(var key in data) {
	console.log(key);             //属性名（key）
    console.log(data[key]);       //属性值（value）
}

b.for in 循环数组

var arr = ['React','CSS','HTML'];

for(var x in arr ){
    console.log(x);              //在数组中的位置(index)
    console.log(arr [x]);        //数组的值
};  

使用for in 可以遍历数组，但是会存在以下问题：

1.index索引为字符串型数字，不能直接进行几何运算

2.遍历顺序有可能不是按照实际数组的内部顺序

3.使用for in会遍历数组所有的可枚举属性，包括原型。

所以for in更适合遍历对象，不要使用for in遍历数组。

那么除了使用for循环，如何更简单的正确的遍历数组达到我们的期望呢，ES6中的for of会更好一点。

二、for of 方法(ES6)

var newArray=[1,2,4,5,6,7];
for (var value of newArray) {
  console.log(value);
}

注意，for in遍历的是数组的索引（即键名key），而for of遍历的是数组元素值（即value）。

综上，建议for in 循环对象，for of循环数组