JS对象循环|极客笔记

JS对象循环

在JavaScript中，对象是一种复合数据类型，它可以存储多个键值对。在实际开发中，我们经常需要遍历对象的属性并进行相应的操作。本文将详细介绍如何在JavaScript中对对象进行循环操作。

for…in循环

JavaScript提供了for...in循环来遍历对象的属性。语法如下：

for (var key in object) {
  // 执行代码
}

在上面的语法中，key表示对象的属性名，object表示要遍历的对象。

下面是一个简单的示例，演示如何使用for...in循环遍历对象的属性：

var person = {
  name: "Alice",
  age: 30,
  gender: "female"
};

for (var key in person) {
  console.log(key + ": " + person[key]);
}

运行上面的代码，会输出如下结果：

name: Alice
age: 30
gender: female

在上面的示例中，我们定义了一个person对象，然后使用for...in循环遍历对象的属性，并输出每个属性的键值对。

需要注意的是，for...in循环不仅会遍历对象自身的属性，还会遍历继承的属性，因此在遍历对象属性时需要使用hasOwnProperty方法来排除继承的属性。

下面是一个使用hasOwnProperty方法的示例：

var student = {
  name: "Bob",
  age: 25,
  gender: "male"
};

for (var key in student) {
  if (student.hasOwnProperty(key)) {
    console.log(key + ": " + student[key]);
  }
}

Object.keys方法

除了使用for...in循环外，还可以使用Object.keys方法来获取对象的所有属性名，并进行遍历操作。语法如下：

Object.keys(object)

下面是一个示例，演示如何使用Object.keys方法遍历对象的属性：

var car = {
  brand: "Toyota",
  model: "Corolla",
  year: 2020
};

var keys = Object.keys(car);

keys.forEach(function(key) {
  console.log(key + ": " + car[key]);
});

上面的示例中，我们首先使用Object.keys方法获取了car对象的所有属性名，然后通过forEach方法遍历属性名，并输出每个属性的键值对。

Object.entries方法

除了Object.keys方法外，还可以使用Object.entries方法来获取对象的所有属性名及其对应的属性值。语法如下：

Object.entries(object)

下面是一个示例，演示如何使用Object.entries方法遍历对象的属性及其值：

var product = {
  name: "iPhone",
  price: 999,
  color: "black"
};

var entries = Object.entries(product);

entries.forEach(function(entry) {
  var key = entry[0], value = entry[1];
  console.log(key + ": " + value);
});

在上面的示例中，我们使用Object.entries方法获取了product对象的所有属性名及其属性值，然后通过forEach方法遍历属性及其值，并输出每个属性的键值对。