关键词

遍历对象 循环

在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]) => {…});

本文链接:http://task.lmcjl.com/news/5391.html

展开阅读全文