在前端开发中，经常需要处理对象数据，例如获取对象中的属性值或键值对列表等。在过去，我们可能需要使用循环或其他方法来处理对象，但是在 ECMAScript 2021（ES12）中，新增了 Object.values 和 Object.entries 方法，可以更便捷地处理对象数据。
Object.values 方法
Object.values 方法可以返回一个由对象的值组成的数组，数组中的值按照对象属性的顺序排列。例如：
----- --- - - -- -- -- -- -- - -- ----- ------ - ------------------- -------------------- -- --- -- --
在上面的例子中，Object.values 方法返回了一个数组，包含了 obj 对象中所有的值。
Object.values 方法的使用场景很广泛，例如可以用来获取对象中的所有属性值，或者过滤对象中的某些属性值等。
示例：获取对象中的所有属性值
----- --- - - -- -- -- -- -- - -- ----- ------ - ------------------- -------------------- -- --- -- --
示例：过滤对象中的某些属性值
----- --- - - -- -- -- -- -- - -- ----- ------ - ------------------------------- -- ----- --- --- -------------------- -- --- --
Object.entries 方法
Object.entries 方法可以返回一个由对象的键值对组成的数组，数组中的每个元素都是一个长度为 2 的数组，第一个元素是键名，第二个元素是对应的值。例如：
----- --- - - -- -- -- -- -- - -- ----- ------- - -------------------- --------------------- -- ------ --- ----- --- ----- ---
在上面的例子中，Object.entries 方法返回了一个数组，包含了 obj 对象中所有的键值对。
Object.entries 方法的使用场景也很广泛，例如可以用来将对象转换为 Map，或者将对象中的键值对进行排序等。
示例：将对象转换为 Map
----- --- - - -- -- -- -- -- - -- ----- --- - --- ------------------------- ----------------- -- --- - --- -- -- --- -- -- --- -- - -
示例：将对象中的键值对按照键名排序
----- --- - - -- -- -- -- -- - -- ----- ------- - --------------------------------- ------- -- -------------------------- --------------------- -- ------ --- ----- --- ----- ---
在上面的例子中，我们先使用 Object.entries 方法将对象转换为键值对数组，然后使用 sort 方法对数组进行排序，最后得到了按照键名排序后的键值对数组。
总结
Object.values 和 Object.entries 方法是 ECMAScript 2021（ES12）中新增的两个方法，可以更便捷地处理对象数据。Object.values 方法可以返回一个由对象的值组成的数组，Object.entries 方法可以返回一个由对象的键值对组成的数组。这两个方法可以用于获取对象中的属性值或键值对列表，也可以用于转换对象为其他数据类型，或者对对象中的键值对进行排序等。在实际开发中，我们可以根据具体的场景选择合适的方法来处理对象数据，提高开发效率。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/657a9339d2f5e1655d4f8668