javaScript语言普通for循环,for...in...的区别

81 阅读1分钟

学习前端都好久了,现在才知道for...in...是可以遍历对象的属性

  • 普通的 'for' 循环通常用于遍历数组或类数组对象的元素。
  • 'for...in' 循环用于遍历对象的属性,包括自身的可枚举属性以及继承的属性。

就比如下面模块,我先获取对象属性名,再遍历。。。

const person = {
  name: "Bruce",
  age: 8,
  category: "dog"
};
const keys = Object.keys(person);
for (let i = 0; i < keys.length; i++) {
  console.log(person[keys[i]]);
}

没想到for...in...能直接遍历对象自身属性值

const person = {
  name: "Bruce",
  age: 8,
  category: "dog"
};

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

b站视频自学还是不够认真,基础不牢。