ES7 中 Object.values() 和 Object.entries() 的用法及注意事项

ES7 是 ECMAScript 的第七个版本,其中包含了许多新的语言特性和 API。其中,Object.values() 和 Object.entries() 两个方法为开发者提供了方便的对象操作方式。本篇文章将介绍它们的用法及注意事项,并提供相应的示例代码。

Object.values()

Object.values() 方法返回一个给定对象的所有可枚举属性值的数组,按照属性插入的顺序排列。如果对象不包含任何可枚举属性,则返回一个空数组。

用法

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

其中,obj 为要获取属性值的对象。

示例

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

注意事项

  • Object.values() 方法只会返回对象自身的可枚举属性值,不会返回继承的属性值。
  • 如果传入的参数不是对象类型,Object.values() 方法会抛出 TypeError 异常。

Object.entries()

Object.entries() 方法返回一个给定对象的所有可枚举属性键值对的数组,按照属性插入的顺序排列。如果对象不包含任何可枚举属性,则返回一个空数组。

用法

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

其中,obj 为要获取属性键值对的对象。

示例

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

注意事项

  • Object.entries() 方法只会返回对象自身的可枚举属性键值对,不会返回继承的属性键值对。
  • 如果传入的参数不是对象类型,Object.entries() 方法会抛出 TypeError 异常。

总结

ES7 中的 Object.values() 和 Object.entries() 方法为我们提供了方便的对象操作方式。它们可以帮助我们快速获取对象的属性值和属性键值对,并且可以在开发中提高代码的可读性和可维护性。需要注意的是,这两个方法只会返回对象自身的可枚举属性值或键值对,不会返回继承的属性值或键值对。在使用时需要注意传入的参数必须是对象类型,否则会抛出异常。

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