在 JavaScript 中,对象是一种非常普遍的数据类型。在 ES8 标准中加入了两个新的对象方法 Object.values
和 Object.entries
,它们能够帮助我们更方便地处理对象,让我们来学习一下它们吧。
Object.values()
Object.values()
方法返回一个对象中所有可枚举属性的值,以数组的形式表示。它会忽略对象的原型链,只返回对象本身的属性值。
语法
Object.values(obj)
参数:
obj
:要返回值的对象。
返回值:
- 包含对象中所有可枚举属性的值的数组。
示例
-- -------------------- ---- ------- ----- --- - - ----- ----- ---- --- ------- ------ -- ----- ------ - ------------------- -------------------- -- ------ --- -------
在上面的代码中,我们定义了一个对象 obj
,包含了三个属性,然后使用 Object.values()
方法将所有属性的值以数组形式返回,并赋值给 values
变量。最后我们打印出了 values
变量的值。
Object.entries()
Object.entries()
方法返回一个二维数组,其中包含所有可枚举属性的键值对。每个键值对都表示为一个数组,第一个元素是属性名,第二个元素是属性值。
语法
Object.entries(obj)
参数:
obj
:要返回键值对的对象。
返回值:
- 包含对象中所有可枚举属性的键值对的二维数组。
示例
-- -------------------- ---- ------- ----- --- - - ----- ----- ---- --- ------- ------ -- ----- ------- - -------------------- --------------------- -- --------- ------ ------- ---- ---------- --------
在上面的代码中,我们定义了一个对象 obj
,包含了三个属性,然后使用 Object.entries()
方法将所有属性的键值对以二维数组形式返回,并赋值给 entries
变量。最后我们打印出了 entries
变量的值。
总结
Object.values()
和 Object.entries()
方法让我们能够更方便地处理对象,免去了遍历对象属性的麻烦。虽然它们只是一些简单的方法,但在实际项目中会很实用。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/64576fea968c7c53b0a2382b