在 ECMAScript 2016 中,JavaScript 新增了两个非常有用的方法:Object.entries() 和 Object.values()。这两个方法可以帮助开发人员更方便地进行对象操作,提高代码的可读性和效率。
Object.entries()
Object.entries() 方法返回一个给定对象自身可枚举属性的键值对数组,其排列顺序和使用 for...in 循环遍历该对象时返回的顺序一致。每个键值对形如 [key, value] 表示对象中一个属性的键和对应的值。
例如,我们有以下对象:
const obj = { a: 1, b: 2, c: 3 };
我们可以使用 Object.entries() 方法将其转换为一个数组:
const entries = Object.entries(obj); // [[ 'a', 1 ], [ 'b', 2 ], [ 'c', 3 ]]
这个数组中包含了我们对象的所有属性的键值对。我们可以遍历这个数组进行进一步操作。
示例代码
以下代码演示了如何使用 Object.entries() 方法获取对象属性的键值对数组:
-- -------------------- ---- ------- ----- --- - - -- -- -- -- -- - -- ----- ------- - -------------------- --- ------ ----------- -- -------- - -------------------- ----------- - -- -- - -- - -- - --
Object.values()
Object.values() 方法返回一个对象自身可枚举属性的值的数组,其排列顺序和使用 for...in 循环遍历该对象时返回的顺序一致。
例如,我们有以下对象:
const obj = { a: 1, b: 2, c: 3 };
我们可以使用 Object.values() 方法将其转换为一个数组:
const values = Object.values(obj); // [1, 2, 3]
这个数组中包含了我们对象的所有属性的值。我们可以遍历这个数组进行进一步操作。
示例代码
以下代码演示了如何使用 Object.values() 方法获取对象属性的值的数组:
-- -------------------- ---- ------- ----- --- - - -- -- -- -- -- - -- ----- ------ - ------------------- --- ------ ----- -- ------- - ------------------- - -- - - - --
总结
以上就是 ECMAScript 2016 中的 Object.entries() 和 Object.values() 方法的详细说明和使用示例。这两个方法可以帮助开发人员更方便地进行对象操作,并提高代码的可读性和效率。在实际开发中,我们可以根据需要选择合适的方法来处理对象,达到更好的开发效果。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/64f173abf6b2d6eab3b4557f