js中foreach、forin的比较

定义第一个对象和一个数组

const obj = {
    name: '李旭亮',
    age: 23,
    address: '河南省',
}
const arr = ['我', '是', '黑', '夜', '中', '最', '闪', '耀', '的', '光'];

1、for each

可以遍历数组，不能遍历对象

arr.forEach((item, index) => {
    console.log(item);
});

打印数组中的内容

arr.forEach((item, index) => {
    console.log(index);
});

打印下标

不能遍历对象

obj.forEach((item, index) => {
    console.log(item);//obj.forEach is not a function
})

2、for in

数组和对象都能遍历

for (const k in obj) {
	//console.log(k);//输出对象的属性名
    console.log(obj[k]);//输出对象的属性值
    // 因为这里的k是一个字符串，所以可以不用加引号
}

for (const k in arr) {
 	//console.log(k);//输出的是数组的下标
    console.log(arr[k]);
}

3、for of

遍历数组，不能遍历对象

const person = ['张三', '李四', '王五', '任六'];
for (const k of person) {
    console.log(k);
}