ES7 新增的 Object.entries 和 Object.values 函数怎么用?

JavaScript 语言是前端开发的基础,而 ES7 是 JavaScript 的一个重要版本,它新增了一些非常实用的函数,其中 Object.entries 和 Object.values 就是其中两个非常有用的函数。本文将详细介绍这两个函数的用法和指导意义,并提供示例代码。

Object.entries 函数

Object.entries 函数的作用是将对象的键值对转换为数组,其中每个数组元素都包含键和值。它的语法如下:

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

其中 obj 是要转换为数组的对象。

下面是一个示例代码:

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

输出结果为:

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

这个结果是一个数组,其中每个元素都是一个数组,包含了对象的键和值。

Object.entries 函数非常实用,它可以用于遍历对象的属性,也可以用于将对象转换为 Map 对象。

Object.values 函数

Object.values 函数的作用是将对象的值转换为数组,其中每个数组元素都是对象的一个值。它的语法如下:

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

其中 obj 是要转换为数组的对象。

下面是一个示例代码:

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

输出结果为:

- -- -- - -

这个结果是一个数组,其中每个元素都是对象的一个值。

Object.values 函数也非常实用,它可以用于遍历对象的属性值,也可以用于将对象的属性值转换为数组。

总结

ES7 新增的 Object.entries 和 Object.values 函数非常实用,它们可以用于遍历对象的属性和属性值,也可以用于将对象转换为数组或 Map 对象。在实际开发中,我们可以根据具体的需求来选择使用哪个函数。同时,我们也可以通过这两个函数来提高代码的可读性和可维护性。

示例代码:

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

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

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

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

来源:JavaScript中文网 ,转载请注明来源 本文地址:https://www.javascriptcn.com/post/65f83540d10417a2223afec9