在 ES8 中，我们看到了许多新的功能和特性，其中一些是与对象相关的。其中两个特别有用的特性是 Object.values 和 Object.entries。在这篇文章中，我们将探讨这些特性是什么、如何使用它们以及它们的学习和指导意义。
Object.values
Object.values 是一个新的方法，它返回对象自身可枚举属性的值的数组。这意味着你可以很容易地获取对象所有的值，而不必使用 Object.keys 和 forEach 来遍历对象的属性。
以下是一个简单的示例，演示如何使用 Object.values：
const obj = { a: 1, b: 2, c: 3 };
const values = Object.values(obj);
console.log(values); // [1, 2, 3]在这个示例中，我们定义了一个包含三个键值对的对象，然后使用 Object.values 方法获取对象的所有值。结果是一个包含三个值的数组。
Object.values 的一个重要的用途是将对象转换为数组，这在某些情况下非常有用。例如，当你需要将对象的值传递给一个接受数组作为参数的函数时，你可以使用 Object.values。
const obj = { a: 1, b: 2, c: 3 };
const sum = arr => arr.reduce((acc, val) => acc + val, 0);
const result = sum(Object.values(obj));
console.log(result); // 6在这个示例中，我们定义了一个接受数组作为参数的函数 sum，并将 obj 的值作为参数传递给它。我们使用 Object.values 将 obj 转换为一个数组，然后将其传递给 sum 函数。结果是 6，因为数组中的所有值的总和是 6。
Object.entries
Object.entries 是另一个新的方法，它返回一个包含对象自身可枚举属性的键值对数组。这意味着你可以很容易地获取对象的所有键和值，而不必使用 Object.keys 和 forEach 来遍历对象的属性。
以下是一个简单的示例，演示如何使用 Object.entries：
const obj = { a: 1, b: 2, c: 3 };
const entries = Object.entries(obj);
console.log(entries); // [['a', 1], ['b', 2], ['c', 3]]在这个示例中，我们定义了一个包含三个键值对的对象，然后使用 Object.entries 方法获取对象的所有键和值。结果是一个包含三个键值对数组的数组。
Object.entries 的一个重要的用途是将对象转换为 Map，这在某些情况下非常有用。例如，当你需要使用 Map 的一些功能，如 set 和 get 时，你可以使用 Object.entries。
const obj = { a: 1, b: 2, c: 3 };
const map = new Map(Object.entries(obj));
console.log(map.get('a')); // 1
console.log(map.get('b')); // 2
console.log(map.get('c')); // 3在这个示例中，我们定义了一个包含三个键值对的对象，然后使用 Object.entries 将其转换为 Map。然后我们使用 Map 的 get 方法获取每个键对应的值。
学习和指导意义
Object.values 和 Object.entries 是非常实用的新特性，它们可以大大简化代码并提高开发效率。在使用它们时，需要注意以下几点：
- Object.values 和 Object.entries 只返回对象自身可枚举属性的值和键值对。
- Object.values 和 Object.entries 的顺序和 Object.keys 不同，它们是按照对象属性添加的顺序返回的。
- Object.values 和 Object.entries 可以用于将对象转换为数组和 Map。
- Object.values 和 Object.entries 不会返回原型链上的属性。
使用 Object.values 和 Object.entries，我们可以轻松地获取对象的所有值和键值对。这可以使我们的代码更加简洁和易于阅读，并提高开发效率。在使用它们时，需要注意它们的限制和用途，以确保代码正确和高效。
结论
ES8 的 Object.values 和 Object.entries 是非常实用的新特性，它们可以大大简化代码并提高开发效率。在使用它们时，需要注意它们的用途和限制，并遵循最佳实践。希望这篇文章能够帮助你更好地理解 Object.values 和 Object.entries，并在你的项目中使用它们。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/673ac92439d6d08e88afd3c8