在 JavaScript 中，我们经常需要操作对象（Object）来访问、修改或者遍历对象的属性。在 ES6 中，我们已经使用了比较方便的 Object.keys 方法来获取对象的所有键（keys），但是无法轻松地访问对象的值（values）或者键值对（entries）。为了解决这个问题，ES7 引入了 Object.values 和 Object.entries 方法。
Object.values 方法
Object.values 方法返回一个由对象的所有值组成的数组，可以很方便地获取对象的所有值，而不需要遍历对象。
const obj = {
name: '张三',
age: 18,
gender: '男'
};
const values = Object.values(obj);
console.log(values); // ['张三', 18, '男']在上面的例子中，我们只需要调用 Object.values 方法并传入对象，就可以获取对象的所有值。这让获取对象值的过程变得更加简单明了。
Object.entries 方法
Object.entries 方法返回一个由对象的所有键值对组成的数组，每个数组元素都是一个形如 [key, value] 的键值对数组，可以非常方便地遍历对象的键值对。
const obj = {
name: '张三',
age: 18,
gender: '男'
};
const entries = Object.entries(obj);
console.log(entries); // [['name', '张三'], ['age', 18], ['gender', '男']]在上面的例子中，我们只需要调用 Object.entries 方法并传入对象，就可以获取一个包含对象所有键值对的数组。这让遍历对象的过程变得更加高效和简单。
使用 Object.values/Object.entries 的场景
在实际开发中，我们经常需要遍历对象或者操作对象的属性值。使用 Object.values/Object.entries 方法，可以让我们更加简单地完成这些操作。比如：
遍历对象
-- -------------------- ---- ------- ----- --- - - ----- ----- ---- --- ------- --- -- -- -- -------------- ---- --- ------ ----- ------ -- -------------------- - ------------------------------- - -- -- -- ------- -- ------ -- --------
处理对象属性值
-- -------------------- ---- ------- ----- --- - - ----- ----- ---- --- ------- --- -- -- ------------- ----- ------ - ---------------------------- -- --------------- -------------------- -- ------ ----- ----
总结
ES7 引入的 Object.values/Object.entries 方法，让我们在操作对象时更加方便和高效。使用 Object.values/Object.entries 方法可以：
- 快速获取对象的所有值或者键值对。
- 简化遍历对象或操作对象属性值的过程。
有了 Object.values/Object.entries 方法，我们可以更加轻松地处理对象，提高代码效率。
以上是关于 ES7 引入的 Object.values/Object.entries 方法的详细介绍，希望对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64c9e80d5ad90b6d041887d4