使用 ES8 中的 Object.entries() 方法快速遍历 JavaScript 对象

在 JavaScript 前端开发中，经常需要遍历对象来获取对象中的键和值，而在 ES8 引入了 Object.entries() 方法，可快速遍历对象。本文将介绍 Object.entries() 方法的用法和示例，帮助读者了解和运用该方法。

Object.entries() 方法的用法

Object.entries() 方法用于返回一个给定对象自身可枚举属性的键值对数组。该方法返回的数组中，每个元素是一个包含两个属性的数组，第一个属性是对象属性的名称，第二个属性是对象属性的值。

Object.entries() 方法的语法如下：

Object.entries(obj)

其中，obj 表示要被遍历的对象。

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

接下来，我们将通过示例代码，演示如何使用 Object.entries() 方法来快速地遍历对象。

假设现在有一个对象 student，存储了一个学生的信息，包括姓名、性别和年龄。现在我们想要通过 Object.entries() 方法遍历该对象，获取它的所有键和对应的值：

const student = {
    name: 'Tom',
    gender: 'male',
    age: 18
};

const entries = Object.entries(student);
console.log(entries);

输出结果为：

[["name", "Tom"], ["gender", "male"], ["age", 18]]

我们可以看到，通过 Object.entries() 方法遍历对象，返回了一个二维数组，每个子数组都包含了对象属性的名称和对应的属性值。

对象的遍历顺序

需要注意的是，Object.entries() 方法返回的数组中元素的顺序是不确定的，因为对象的属性遍历顺序是不确定的。因此，如果需要按特定的顺序遍历对象，可以先获取对象的属性，然后根据属性的顺序进行遍历。

使用 Object.entries() 方法进行 for...of 循环

除了可以将 Object.entries() 方法获取到的数组传递给 forEach() 方法进行遍历，还可以使用 for...of 循环结合 Object.entries() 方法进行遍历。具体的示例代码如下：

-- -------------------- ---- -------
----- ------- - -
    ----- ------
    ------- -------
    ---- --
--

--- ------ ----- ------ -- ------------------------ -
    -------------------- -----------
-

上述代码中，我们使用了 for...of 循环结合 Object.entries() 方法遍历了对象 student，输出结果为：

name: Tom
gender: male
age: 18

总结

Object.entries() 方法是 ES8 中新增的一个遍历对象的方法，可快速获取对象的键和值，简化了代码编写，并提高了代码的执行效率。掌握了 Object.entries() 方法的使用方法，我们可以更加便捷地遍历对象，提高开发效率和代码质量。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64ab6d7048841e9894741992