JavaScript 已经成为前端开发的必备语言，而 ECMAScript 是 JavaScript 的标准化版本，它会定期发布新版本，本文将介绍 ES7 中新加入的 Object.entries() 方法。
Object.entries() 方法的介绍
Object.entries() 方法可以将一个对象转化为一个由其 key-value 键值对组成的数组。该数组中的每个元素都是一个二元数组，第一个元素表示 key，第二个元素表示 value。
该方法返回一个新数组，不会改变原对象。
Object.entries() 方法的语法
Object.entries(obj)
参数：
- obj：需要转化成数组的对象。
返回值：
- 由 key-value 键值对组成的二元数组构成的数组。
Object.entries() 方法的示例
-- -------------------- ---- -------
----- ---- - -
----- -------
---- ---
---- -----------
--
----- ----------- - ---------------------
-------------------------
-- -------
-
- ------- ------ --
- ------ -- --
- ------ ----------- -
-
--Object.entries() 方法的应用
Object.entries() 方法可以用于较方便的遍历一个对象的键值对。
例如，我们可以使用 for...of 循环来迭代属性键值对：
-- -------------------- ---- -------
----- ---- - -
----- -------
---- ---
---- -----------
--
--------- ----- ------ -- --------------------- -
-------------------- -----------
-
-- -------
----- ----
---- --
---- ---------
--Object.entries() 方法与 Object.keys() 和 Object.values() 方法的区别：
- Object.keys() 方法返回一个对象所有 key 的数组。
- Object.values() 方法返回一个对象所有 value 的数组。
- Object.entries() 方法返回一个由所有 key-value 键值对数组构成的数组。
总结
- Object.entries() 方法是 ES7 新特性之一，可以将一个对象转化为一个由其键值对组成的数组。
- 返回的数组中的每个元素都是一个由两个元素组成的数组，第一个元素是 key，第二个元素是 value。
- 该方法返回一个新数组，不会改变原对象。
- Object.entries() 方法可以用于较方便的遍历一个对象的键值对。
- Object.entries() 方法与 Object.keys() 和 Object.values() 方法不同，返回一个由所有 key-value 键值对数组构成的数组。
通过学习 Object.entries() 方法，我们可以更好的理解 ES7 的新特性，提升开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65b7ad0fadd4f0e0ff03b9af