ECMAScript 2017 中 Object.values() 方法的使用实例

前言

JavaScript 的不断更新促使其日益优秀，ECMAScript2017 中 Object.values() 方法是 ECMAScript2015 中 Object.getOwnPropertySymbols() 方法的补充。本文将介绍 Object.values() 方法重要性与使用实例，并向读者展示如何在您的代码中使用它。

Object.values() 方法的作用

Object.values() 方法返回一个由对象自身的属性值（不包括继承的属性值）构成的数组。数组中属性值的排列顺序与使用for...in 循环遍历对象时返回的顺序一致。

Object.values() 的语法

Object.values(obj);

参数

• obj：要返回其枚举自身属性的对象。

返回值

一个包含给定对象的所有可枚举属性值的数组。

Object.values() 的使用实例

示例1：获取对象属性值的数组

const object = { a: 1, b: 2, c: 3 };

console.log(Object.values(object)); // [1, 2, 3]

在这里我们创建了一个对象，包含属性a,b,c。然后使用 Object.values() 返回由属性值组成的数组，结果为 [1,2,3]。

示例2：简化数组获取最小值

const min = arr => Math.min.apply(null, arr);
const result = min(Object.values({ a: 50, b: 30, c: 100 }));
console.log(result); // 30

在这里我们定义了一个简单的函数，用于获取给定数组的最小值。然后我们使用 Object.values() 获取对象属性值组成的数组。简化了获取对象属性值的过程，让代码更简单。

示例3：剔除数组中的重复值

const object = { a: 1, b: 2, c: 3, d: 2 };
const deduplicateArr = arr => [...new Set(arr)];

console.log(deduplicateArr(Object.values(object))); // [1, 2, 3]

在这里，我们创建一个包含重复值的对象，并定义了一个函数用于剔除给定数组中的重复值。然后我们使用 Object.values() 方法获取对象属性值的数组，最后剔除数组中的重复值。结果为 [1,2,3]。

总结

Object.values() 方法能够帮助我们简化代码。它允许我们一次性地获取对象中所有属性的值，或者处理一个由对象属性值组成的数组。

这个方法在现代 JavaScript 中非常有用，因此您应该努力学习并掌握它，以便更好地应对实际问题。

希望这篇文章对您有所帮助，让您了解 Object.values() 方法的使用实例，让您的代码更加简洁易读。

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