在 JavaScript 中，对象是一种非常重要的数据类型。ES9 中新增的 “Object.values()” 和 “Object.entries()” 方法可以更方便地操作对象，尤其是在前端开发中，能够帮助我们更快地编写代码，提高开发效率。
Object.values()
“Object.values()” 方法返回一个由对象的值组成的数组，数组中的值按照对象属性的顺序排列。下面是 “Object.values()” 方法的语法：
Object.values(obj)
其中，obj 表示要返回值的对象。
下面是一个例子，假设我们有一个对象，它记录了一家公司每个员工的工资：
const salaries = {
John: 1000,
Jane: 1500,
Alice: 2000
};我们可以使用 “Object.values()” 方法获取每个员工的工资：
const values = Object.values(salaries); console.log(values); // [1000, 1500, 2000]
Object.entries()
“Object.entries()” 方法返回一个由对象的键值对组成的数组，数组中的键值对按照对象属性的顺序排列。下面是 “Object.entries()” 方法的语法：
Object.entries(obj)
其中，obj 表示要返回键值对的对象。
下面是一个例子，假设我们有一个对象，它记录了一家公司每个员工的工资：
const salaries = {
John: 1000,
Jane: 1500,
Alice: 2000
};我们可以使用 “Object.entries()” 方法获取每个员工的工资以及他们的名字：
const entries = Object.entries(salaries); console.log(entries); // [["John", 1000], ["Jane", 1500], ["Alice", 2000]]
指导意义
“Object.values()” 和 “Object.entries()” 方法可以帮助我们更方便地操作对象，提高开发效率。在实际开发中，我们可以使用这两个方法来：
- 快速获取对象的值或键值对，而不需要手动遍历对象。
- 对象的值和键值对可以很方便地进行操作，例如过滤、映射等。
下面是一个例子，假设我们有一个数组，它包含了一些员工的信息，我们需要获取每个员工的名字和工资，并且只需要工资大于 1500 的员工：
-- -------------------- ---- ------- ----- --------- - - - ----- ------- ------- ---- -- - ----- ------- ------- ---- -- - ----- -------- ------- ---- - -- ----- ----------------- - ------------------- ------ -- -- ------ - ------ ----- ------- - ------------------------ ----- ------ -- -- ------ --------- --------------------- -- --------- ------ --------- ------
结论
ES9 中新增的 “Object.values()” 和 “Object.entries()” 方法可以帮助我们更方便地操作对象，提高开发效率。在实际开发中，我们可以使用这两个方法来快速获取对象的值或键值对，并且可以很方便地进行操作，例如过滤、映射等。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6757c894890bd9faa4387aee