ES8 中的对象方法 Object.values 和 Object.entries

阅读时长 3 分钟读完

在 JavaScript 中,对象是一种非常普遍的数据类型。在 ES8 标准中加入了两个新的对象方法 Object.valuesObject.entries,它们能够帮助我们更方便地处理对象,让我们来学习一下它们吧。

Object.values()

Object.values() 方法返回一个对象中所有可枚举属性的值,以数组的形式表示。它会忽略对象的原型链,只返回对象本身的属性值。

语法

参数:

  • obj:要返回值的对象。

返回值:

  • 包含对象中所有可枚举属性的值的数组。

示例

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

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

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

在上面的代码中,我们定义了一个对象 obj,包含了三个属性,然后使用 Object.values() 方法将所有属性的值以数组形式返回,并赋值给 values 变量。最后我们打印出了 values 变量的值。

Object.entries()

Object.entries() 方法返回一个二维数组,其中包含所有可枚举属性的键值对。每个键值对都表示为一个数组,第一个元素是属性名,第二个元素是属性值。

语法

参数:

  • obj:要返回键值对的对象。

返回值:

  • 包含对象中所有可枚举属性的键值对的二维数组。

示例

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

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

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

在上面的代码中,我们定义了一个对象 obj,包含了三个属性,然后使用 Object.entries() 方法将所有属性的键值对以二维数组形式返回,并赋值给 entries 变量。最后我们打印出了 entries 变量的值。

总结

Object.values()Object.entries() 方法让我们能够更方便地处理对象,免去了遍历对象属性的麻烦。虽然它们只是一些简单的方法,但在实际项目中会很实用。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/64576fea968c7c53b0a2382b

纠错
反馈