ES9 中新增的 Object.entries() 和 Object.values() 方法的使用方法
在 ES9 中,JavaScript 新增了一些非常实用的方法,其中包括 Object.entries() 和 Object.values() 方法。这两个方法可以帮助我们更加方便地处理对象的属性和值,让我们更加高效地编写代码。
Object.entries() 方法可以将一个对象转化为一个包含键值对的数组,其中每个键值对都是一个数组,第一个元素是属性名,第二个元素是属性值。这个方法可以让我们更加方便地遍历对象的属性。
下面是一个使用 Object.entries() 方法的示例代码:
const obj = { a: 1, b: 2, c: 3 }; const entries = Object.entries(obj); console.log(entries); // [["a", 1], ["b", 2], ["c", 3]]
在这个示例中,我们先定义了一个对象 obj,然后使用 Object.entries() 方法将这个对象转化为一个数组 entries。最后我们使用 console.log() 方法输出了这个数组。可以看到,输出的数组中包含了 obj 对象的所有属性和值。
Object.values() 方法则可以将一个对象的所有属性值转化为一个数组。这个方法可以让我们更加方便地遍历对象的属性值。
下面是一个使用 Object.values() 方法的示例代码:
const obj = { a: 1, b: 2, c: 3 }; const values = Object.values(obj); console.log(values); // [1, 2, 3]
在这个示例中,我们同样定义了一个对象 obj,然后使用 Object.values() 方法将这个对象的属性值转化为一个数组 values。最后我们使用 console.log() 方法输出了这个数组。可以看到,输出的数组中包含了 obj 对象的所有属性值。
这两个方法的使用非常简单,但是它们可以让我们在处理对象时更加高效。在实际开发中,我们可以使用这两个方法来处理对象的属性和属性值,从而更加方便地编写代码。
总结
ES9 中新增的 Object.entries() 和 Object.values() 方法可以帮助我们更加方便地处理对象的属性和属性值。使用这两个方法可以让我们更加高效地编写代码。在实际开发中,我们可以使用这两个方法来处理对象的属性和属性值,从而更加方便地编写代码。
参考文献
- https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/entries
- https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/values
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/65bef850add4f0e0ff87dd2f