随着 JavaScript 发展的不断壮大,ECMAScript 标准化过程中每一次新的版本都会带来一些新的函数和功能。在 ECMAScript 8 中,新加入了两个非常方便的函数:Object.entries 和 Object.values。本文将介绍这两个函数的详细使用及其指导意义。
Object.entries
Object.entries 函数可以将一个对象转换成一个键值对数组,其中每个键值对都包含该对象的一个属性和对应的值。这个函数的语法如下:
-------------------
其中,参数 obj
表示要转换的对象。函数返回一个键值对数组,其中每个元素都是一个二元数组,第一个元素是对象的属性名称,第二个元素是该属性对应的值。
下面是一个使用 Object.entries 函数转换对象的例子:
----- --- - - ----- -------- ---- --- --------- --------- -- ----- ------- - -------------------- ---------------------
输出结果如下:
- - ------- ------- -- - ------ -- -- - ----------- --------- - -
Object.entries 函数返回了一个由三个二元数组组成的数组,每个二元数组都包含一个键和对应的值。
使用 Object.entries 函数的一个非常有用的场景是,将一个对象的属性和值转换成 URL 的查询参数字符串。例如:
----- ------ - - ----- -------- ---- --- --------- --------- -- ----- ------------ - --- --------------------------------------------------- -------------------------- -- ---------------------------------------
Object.values
Object.values 函数可以只提供对象的值所组成的数组,其中没有任何键的信息。这个函数的语法如下:
------------------
其中,参数 obj
表示要提取值的对象。函数返回一个数组,其中包含该对象的所有属性的值。
下面是一个使用 Object.values 函数提取对象属性值的例子:
----- --- - - ----- -------- ---- --- --------- --------- -- ----- ------ - ------------------- --------------------
输出结果如下:
- -------- --- --------- -
Object.values 函数返回了一个包含对象的值的数组。
使用 Object.values 函数的另一个场景是,在需要遍历一个对象的所有值的时候,可以将其与 foreach 语句一起使用。例如:
----- --- - - ----- -------- ---- --- --------- --------- -- ---------------------------------- ------ -- - ---------------- -------- --------------- ---
总结
在开发前端应用时,ECMAScript 标准化过程中不断增加的函数和功能可以为我们提供更好、更方便的编程体验。在这篇文章中,我们介绍了 ECMAScript 8 新增的两个函数 Object.entries 和 Object.values 的使用方法和指导意义,它们可以帮助我们更加方便地操作对象的属性和值,提高开发效率,降低了开发的复杂度和出错率。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/6457324c968c7c53b09fff37