ES8 是 ECMAScript 的第八个版本，在 JavaScript 编程中广受欢迎。本篇文章将会讲解 ES8 中的两个重要 API：Object.values 和 Map 对象，并深入探讨它们如何帮助开发人员处理数组的转换。
Object.values
Object.values 是 ES8 中新增的一个方法，能够返回对象自身的所有属性值。这个方法非常有用，它可以让我们在遍历对象时只获取属性值。Object.values 所返回的值是一个数组，这个数组中的元素顺序和对象自身属性的顺序保持一致。
下面是 Object.values 的语法：
Object.values(obj)
其中 obj 表示要获取属性值的对象。
接下来，我们可以使用一个简单的例子来说明 Object.values 的用法：
const obj = {
name: 'David',
age: 20,
gender: 'male'
};
const values = Object.values(obj);
// 当前 values 变量的值为 ['David', 20, 'male']从上面的代码中可以看出，Object.values 方法返回了 obj 中所有自身属性的值。
当然，我们也可以将 Object.values 方法应用于数组。如果我们将一个数组作为参数传递给 Object.values，它将返回一个包含数组元素的新数组。
const arr = ['a', 'b', 'c']; const values = Object.values(arr); // 当前 values 变量的值为 ['a', 'b', 'c']
Map 对象
Map 对象是一种可以存储键值对的集合。Map 中的每个元素都是一个键值对，其中键和值可以是任何类型的值。Map 对象还具有一些方便的方法来操作和访问数据。
下面是 Map 对象的语法：
new Map([iterable])
其中 iterable 可以是一个数组或其他可迭代对象，如 Set。
与数组和对象不同，Map 中的内容可以很方便地进行遍历。我们可以使用 for...of 循环来遍历 Map 中的所有键值对。
接下来，我们可以使用一个简单的例子来说明 Map 对象的用法：
-- -------------------- ---- ------- ----- --- - --- ------ --------------- --------- -------------- ---- ----------------- -------- --- ------ ----- ------ -- ---- - -------------------- ----------- - -- ----------- ------ ---- --- ------- ----
从上面的代码中可以看出，我们可以使用 set 方法向 Map 中添加键值对。我们还可以使用 for...of 循环来遍历 Map 中的所有键值对。
除了 set 方法之外，Map 还提供了一系列可以操作键值对的方法，如 get、delete、has 等等。这些方法可以根据键值对的键来访问和删除 Map 中的元素。
数组的转换
现在我们已经了解了 Object.values 和 Map 对象的基本用法，那么如何使用它们来处理数组的转换呢？下面是一些示例代码，可以帮助我们更好地理解这些 API 的用法。
将对象转换为数组
const obj = {
name: 'David',
age: 20,
gender: 'male'
};
const arr = Object.values(obj);
// 当前 arr 变量的值为 ['David', 20, 'male']从上面的代码中可以看出，我们可以使用 Object.values 将一个对象转换为数组。
将 Map 转换为数组
const map = new Map();
map.set('name', 'David');
map.set('age', 20);
map.set('gender', 'male');
const arr = Array.from(map);
// 当前 arr 变量的值为 [['name', 'David'], ['age', 20], ['gender', 'male']]从上面的代码中可以看出，我们可以使用 Array.from 方法将 Map 转换为数组。此时，数组中的每个元素都是一个键值对数组。
将数组转换为对象
-- -------------------- ---- ------- ----- --- - -------- -------- ------ --- --------- -------- ----- --- - --- ------- - - -- - - ----------- - -- -- - ----- --- - ------- ----- ----- - ----- - --- -------- - ------ - -- -- --- ----- - ----- -------- ---- --- ------- ------ -
从上面的代码中可以看出，我们可以使用一个 for 循环来将数组转换为对象。
将数组转换为 Map
const arr = [['name', 'David'], ['age', 20], ['gender', 'male']];
const map = new Map(arr);
// 输出结果为 Map(3) { 'name' => 'David', 'age' => 20, 'gender' => 'male' }从上面的代码中可以看出，我们可以直接将一个包含键值对的数组作为参数传递给 Map 构造函数，从而将一个数组直接转换为 Map 对象。
总结
本文介绍了 ES8 中的 Object.values 和 Map 对象，并深入探讨了它们如何帮助开发人员处理数组的转换。Object.values 方法可以帮助我们轻松地获取对象中的属性值，并将它们转换为数组。而 Map 对象则可以帮助我们以键值对的形式存储数据，并提供了一些方便的方法来操作和访问这些数据。
总的来说，了解这些 API 对于开发人员来说非常重要，它们可以帮助我们更高效地编写 JavaScript 代码，并加快我们的开发速度。希望本篇文章对你有所帮助，谢谢阅读。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65901634eb4cecbf2d598c69