前言
JavaScript 是世界上最流行的编程语言之一，它的灵活性和易学性使它成为了很多开发者的首选。在 JavaScript 中，数组是一种非常常见的数据类型，它可以用来存储一组有序的数据。然而，在处理数组的过程中，我们经常会遇到类型转换的问题。在本文中，我们将介绍 ECMAScript 2017（ES8）标准中的 Array.from() 方法，以及如何利用它来解决 JavaScript 中数组类型转换的问题。
Array.from() 方法
Array.from() 方法是 ECMAScript 2015（ES6）标准中引入的，它用于将类似数组或可迭代对象转换为真正的数组。在 ECMAScript 2017（ES8）标准中，Array.from() 方法被进一步扩展，可以接受一个可选的映射函数和一个可选的 this 值。
Array.from() 方法的语法如下：
Array.from(arrayLike[, mapFn[, thisArg]])
其中，arrayLike 参数是要转换为数组的类似数组或可迭代对象；mapFn 参数是一个可选的映射函数，它可以用来对数组中的每个元素进行转换；thisArg 参数是可选的，它用于指定映射函数中 this 的值。
利用 Array.from() 解决数组类型转换问题
在 JavaScript 中，有很多情况下需要将类似数组或可迭代对象转换为真正的数组。例如，当我们使用 document.querySelectorAll() 方法获取一组元素时，它返回的是一个类似数组的 NodeList 对象。如果我们想对这些元素进行遍历或其他操作，就需要将 NodeList 转换为真正的数组。
在过去，我们通常使用 Array.prototype.slice.call() 方法来将类似数组转换为真正的数组，例如：
var nodeList = document.querySelectorAll('div');
var array = Array.prototype.slice.call(nodeList);然而，这种方式比较繁琐，而且容易出错。在 ECMAScript 2015（ES6）标准中，我们可以使用 Array.from() 方法来简化这个过程，例如：
var nodeList = document.querySelectorAll('div');
var array = Array.from(nodeList);使用 Array.from() 方法可以更加清晰地表达我们的意图，而且代码更加简洁。
另外，有时候我们需要对数组中的元素进行转换。例如，如果我们想将一个字符串转换为一个字符数组，我们可以使用 Array.from() 方法，并提供一个映射函数来对字符串中的每个字符进行转换，例如：
var str = 'hello';
var array = Array.from(str, function(char) {
return char.toUpperCase();
});在这个例子中，我们使用 Array.from() 方法将字符串转换为一个字符数组，并提供一个映射函数来将每个字符转换为大写字母。
总结
在本文中，我们介绍了 ECMAScript 2017（ES8）标准中的 Array.from() 方法，以及如何利用它来解决 JavaScript 中数组类型转换的问题。使用 Array.from() 方法可以更加清晰地表达我们的意图，而且代码更加简洁。如果你还没有使用过 Array.from() 方法，建议你尝试一下，相信它会为你的代码带来更好的可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6614e6d9d10417a22252a116