在 ES9/ES2018 中,新增了两个函数:Object.entries() 和 Object.values()。这些函数能够提高开发人员的效率和代码可读性,非常实用。本篇文章将详细介绍这两个函数的用法、深层次的知识,以及给出示例代码。
Object.entries()
Object.entries() 函数将对象转换成一个包含其所有属性的二元数组。每一个元素都是一个键值对,其中第一项为键,第二项为值。它是一个极其实用的函数,可以方便地遍历对象属性,而不需要使用 Object.keys() 或者 for...in 循环。
用法示例
----- --- - - -- -- -- -- -- - -- -------------------- -- -- ------ --- ----- --- ----- ---
在函数中使用
Object.entries() 过去经常拿来遍历对象属性,现在也能轻松使用,作为 for...of 循环迭代器,同时使用数组解构语法:
----- --- - - -- -- -- -- -- - -- --- ------ ----- ------ -- -------------------- - -------------------- ----------- - -- -- - -- -- - -- -- -
Object.values()
Object.values() 函数返回对象中所有属性的值,构成的一个数组。这个数组的顺序是与 Object.entries() 返回的数组的顺序相同,并且与 for...in 循环遍历对象时的顺序也相同。
用法示例
----- --- - - -- -- -- -- -- - -- ------------------- -- -- --- -- --
在函数中使用
Object.values() 能够帮助开发人员更加简洁地处理快速遍历对象属性:
----- --- - - -- -- -- -- -- - -- ----- --- - ------------------------------- ---- -- --- - ---- --- -- -- -
由此可见,使用 Object.values() 可以轻松地将对象转换为数值数组,并在函数中使用。
意义与总结
在平常开发中,我们经常需要遍历对象的属性或者将对象的属性转换为数值数组。在以往,我们通常会使用 for...in 或 Object.keys(),但这些方法都存在一些问题,比如无法遍历属性的值,或者不能保证属性的顺序。
Object.entries() 和 Object.values() 新增函数,可以解决上述问题,并带来了许多额外的灵活性和方便性,在业务逻辑的实现中起到了积极的作用。
这篇文章介绍了两个函数的用法,以及如何在函数里使用。当然,本文也只是简单介绍了这两个函数的基本用法,还有更多的细节、实例和应用等等,读者可以继续深入学习更好理解这两个实用的新函数。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/64b3af1348841e9894feeef9