前端使用 for in 进行对象的遍历

1.遍历对象：使用for in

//对象
var test = {
    name : "zs",
    age: "18"
}

1.遍历属性名

for(key in test) {
	console.log(key);
}

2.遍历属性值

for (key in test) {
	console.log(test[key]);
}

注：遍历时，只能通过 test[value] 来获取相应属性的值，而不能使用 test.value
结果：

2.获取对象中所有的属性名和值

//对象
var test = {
    name : "zs",
    age: "18"
}

1.获取对象名：

Object.keys(test)    // ["name", "age"]

2.获取对象值：

Object.values(test)   // ["zs", "18"]

结果：

3.替换对象中的 key 值

根据 area，将 info 中的区域代码换成区域名称

let area = {
  "330100": "杭州市",
  "330200": "宁波市",
  "330300": "温州市"
};

let info = {
	"330100": {"color": "red", "num": 383},
    "330200":  {"color": "red", "num": 115},
    "330300":  {"color": "yellow", "num": 995}
};

let obj = {};  //定义一个新对象
for(key in area){
	for(key2 in info){
		if(key == key2) {
			obj[area[key]] = info[key2];
		}
	}
}


//结果
console.log(obj);
obj = {
	杭州市: {color: "red", num: 383},
	宁波市: {color: "red", num: 115},
	温州市: {color: "yellow", num: 995}
}

4.将对象转换数组

let area = {
  "330100": "杭州市",
  "330200": "宁波市",
  "330300": "温州市"
};

let areaList = [];  //定义一个新数组
for(key in area) {
	areaList.push({[key]: area[key]});
}


//结果
console.log(areaList);
areaList = [
	{330100: "杭州市"}
	{330200: "宁波市"}
	{330300: "温州市"}
];

5.for in和for of的区别

for in：遍历对象（键名）/ 数组（索引）， for of遍历数组（元素值） 、遍历对象报错

for in：应用于数组循环返回的是数组的下标、数组的属性、原型上的方法和属性，
而for in应用于对象循环返回的是对象的属性名、原型中的方法和属性。

使用for in 也可以遍历数组，但是会存在以下问题：
1.index索引为字符串型数字，不能直接进行几何运算
2.遍历顺序有可能不是按照实际数组的内部顺序
3.使用for in会遍历数组所有的可枚举属性，包括原型。