JavaScript 对象遍历是一种重要的操作,它允许开发者访问和修改 JavaScript 对象中的数据。下面是一些常用的遍历方法。

方法概述

  1. for...in 循环:遍历对象自身的所有可枚举( Enumerable)属性。
  2. forEach 方法:直接在对象上执行一个为每个属性运行一次的函数。
  3. for...of 循环:遍历可迭代对象(例如数组、字符串等)。
  4. Object.keys()、Object.values() 和 Object.entries():返回一个包含对象自身所有可枚举属性的键的数组、值的数组或键值对数组。

for...in 循环

let obj = {
  name: 'JavaScript',
  version: 'ES6',
  popularity: 'High'
};

for (let key in obj) {
  if (obj.hasOwnProperty(key)) {
    console.log(key + ': ' + obj[key]);
  }
}

forEach 方法

obj.forEach((value, key) => {
  console.log(key + ': ' + value);
});

for...of 循环

for (let key of Object.keys(obj)) {
  console.log(key + ': ' + obj[key]);
}

扩展阅读

更多关于 JavaScript 对象遍历的细节,可以参考我们的 JavaScript 对象遍历详解

JavaScript_Object_Traversal