JS 字典遍历|极客教程

JS 字典遍历

在JavaScript中，字典通常被称为对象，它是一种包含键值对的数据结构。字典遍历指的是访问对象中的所有键值对，并对其进行操作。在本文中，我们将探讨如何在JavaScript中遍历字典（对象）并展示一些示例代码。

1. 使用for…in循环

在JavaScript中，可以使用for…in循环来遍历对象中的所有键值对。下面是一个简单的示例代码，演示了如何使用for…in循环来遍历对象中的键值对：

// 创建一个简单的对象
let person = {
  name: 'Alice',
  age: 30,
  gender: 'female'
};

// 使用for...in循环遍历对象
for (let key in person) {
  console.log(key + ': ' + person[key]);
}

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

name: Alice
age: 30
gender: female

在这个示例中，我们首先定义了一个包含三个键值对的对象person（姓名、年龄和性别），然后使用for…in循环遍历该对象，并打印出每个键值对。

2. 使用Object.keys()方法

除了for…in循环，JavaScript中还提供了Object.keys()方法来获取对象的所有键，并将其存储在一个数组中。然后可以使用这个数组来遍历对象中的所有键值对。下面是一个示例代码：

// 创建一个对象
let car = {
  brand: 'Toyota',
  model: 'Corolla',
  year: 2020
};

// 获取对象所有的键
let keys = Object.keys(car);

// 遍历对象
keys.forEach(key => {
  console.log(key + ': ' + car[key]);
});

运行上面的代码，控制台将输出如下结果：

brand: Toyota
model: Corolla
year: 2020

在这个示例中，首先定义了一个包含三个键值对的对象car（品牌、型号和年份），然后通过Object.keys()方法获取了所有的键，并存储在数组keys中。最后使用forEach方法遍历keys数组，并打印出每个键值对。

3. 使用Object.entries()方法

除了Object.keys()方法，JavaScript中还提供了Object.entries()方法来获取对象的所有键值对，并将其存储在一个二维数组中。然后可以使用这个二维数组来遍历对象中的所有键值对。下面是一个示例代码：

// 创建一个对象
let fruit = {
  name: 'Apple',
  color: 'red',
  price: 1.50
};

// 获取对象所有的键值对
let entries = Object.entries(fruit);

// 遍历对象
entries.forEach(entry => {
  let key = entry[0];
  let value = entry[1];
  console.log(key + ': ' + value);
});

运行上面的代码，控制台将输出如下结果：