在JS中如何循环遍历对象

在JavaScript中，我们可以使用循环来遍历对象。具体来说，可以使用for…in循环，也可以使用Object.keys()和Object.values()方法。

使用for…in循环遍历对象

let obj = {a: 1, b: 2, c: 3};

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

上面代码中，for…in循环会依次遍历对象的每一个属性，每次循环，key的值就是当前属性的名称，obj[key]就是当前属性的值。

使用Object.keys()和Object.values()方法遍历对象

let obj = {a: 1, b: 2, c: 3};

let keys = Object.keys(obj);
let values = Object.values(obj);

console.log(keys); // ['a', 'b', 'c']
console.log(values); // [1, 2, 3]

上面代码中，Object.keys()方法返回一个数组，包含对象自身的所有可枚举属性的键名；Object.values()方法返回一个数组，包含对象自身的所有可枚举属性的键值。

使用for…of循环遍历对象

let obj = {a: 1, b: 2, c: 3};

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

上面代码中，Object.entries()方法返回一个数组，包含对象自身的所有可枚举属性的键值对，for…of循环会依次遍历每一个键值对，每次循环，key和value的值就是当前属性的名称和值。

使用Object.entries()和forEach()方法遍历对象

let obj = {a: 1, b: 2, c: 3};

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

上面代码中，Object.entries()方法返回一个数组，包含对象自身的所有可枚举属性的键值对，forEach()方法会依次遍历每一个键值对，每次循环，key和value的值就是当前属性的名称和值。

• 使用for…in循环遍历对象：for (let key in obj) {…}
• 使用Object.keys()和Object.values()方法遍历对象：let keys = Object.keys(obj);let values = Object.values(obj);
• 使用for…of循环遍历对象：for (let [key, value] of Object.entries(obj)) {…}
• 使用Object.entries()和forEach()方法遍历对象：Object.entries(obj).forEach(([key, value]) => {…});