使用 ECMAScript 2018 的 Object.values() 操作数组中的数据-JavaScript中文网-JavaScript教程资源分享门户

ECMAScript 2018 引入了一个新的 Object.values() 方法，可以帮助我们更方便地操作数组中的数据。它可以将一个数组的所有值转换成一个由值组成的数组。这个方法是一个 ES6 引入的新的集合类型，提供了遍历值的新方式。如果您的项目使用了 ECMAScript 2018，那么使用 Object.values() 可以让您的代码更加简单和易于理解。

Object.values() 的语法

Object.values() 是一个静态方法，接收一个对象作为参数，返回一个由对象的值所组成的新的数组。

Object.values(obj)

obj：必选项，需要被返回值的对象。

Object.values() 的用途

Object.values() 可以让我们更容易地遍历对象属性的值，并且可以避免使用 for..in 循环的问题。此外，Object.values() 方法也可以帮助我们快速地将一个对象的属性值提取到一个数组中，这在我们处理某些逻辑计算或数据筛选时是非常地有用。

示例代码

以下是一个示例代码，展示了如何使用 Object.values() 方法遍历一个对象的属性值，并将其存到一个新的数组中：

const obj = {
  a: 'apple',
  b: 'banana',
  c: 'coconut'
}

const valuesArray = Object.values(obj);
console.log(valuesArray); // 输出 ["apple", "banana", "coconut"]

我们可以看到，使用 Object.values() 把对象的属性值转换成了一个新的数组，并通过 console.log() 命令输出了这个数组的内容。

结论

Object.values() 是一个非常有用的函数，可以让我们更加容易地遍历一个对象的属性值，并将其存储在一个新的数组中。这个方法不仅可以提高代码的可读性和代码的简洁性，而且也可以帮助我们更快速地处理一些逻辑计算和数据筛选的问题。如果您的项目使用了 ECMAScript 2018，那么 Object.values() 方法肯定是一个非常有用的函数，一定要尝试使用它来提高代码效率。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/677528e56d66e0f9aaf46b29