ES8 新特性:对象属性值简写方法 Object.values()、Object.entries()
ES8 是 ECMAScript 2017 标准的第8个版本,该版本新增了很多有用的特性,其中比较常用的就是对象属性值简写方法 Object.values()、Object.entries()。本文将详细介绍这两个方法的使用及其含义。
一、Object.values() 方法
Object.values() 方法返回一个给定对象的所有可枚举属性的值的数组,该数组值按照对象属性遍历的顺序排列。
语法格式:
Object.values(obj)
其中,obj 表示要返回属性值所在的对象。
示例代码:
const obj = { a: "hello", b: 123, c: false }; const values = Object.values(obj); console.log(values); // ["hello", 123, false]
Object.values() 方法的使用场景比较广泛,比如可以获取对象的所有属性值,方便进行数据处理、过滤等操作。
二、Object.entries() 方法
Object.entries() 方法返回一个给定对象的所有可枚举属性键值对的数组,数组中的每个元素都是一个包含键值对的数组,该数组的第一个元素是属性的键名,第二个元素是属性的键值。
语法格式:
Object.entries(obj)
其中,obj 表示要返回属性键值对所在的对象。
示例代码:
const obj = { a: "hello", b: 123, c: false }; const entries = Object.entries(obj); console.log(entries); // [[ "a", "hello" ], [ "b", 123 ], [ "c", false ]]
Object.entries() 方法不仅可以获取对象的键值对,而且可以将其转换为数组格式,对于一些数据的处理,将对象转为数组格式,是一个不错的选择。
总结:
使用 ES8 中的对象属性值简写方法 Object.values()、Object.entries() 可以方便地操作对象的属性值和键值对,提高代码的可读性和编码效率。同时,这两个方法也是前端开发中不可或缺的工具之一,值得我们深入了解和掌握。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/64e2cbfff6b2d6eab3e12355