在前端工作中，我们经常需要处理数组数据。但是，有时候我们会遇到指针值无法处理的问题，导致代码不能够正常运行。这种情况下，ES11 的 Array.from() 方法可以给我们带来很大的帮助。
Array.from() 方法的用途
在 JavaScript 中，Array.from() 方法可以用于将类数组对象或可迭代对象转为数组。这意味着我们可以将其他类型的数据转换成数组类型，从而更加方便地对其进行处理。
解决指针值无法处理的问题
有时候，我们会遇到一些数据类型，例如 NodeList 类型。这种类型的数据非常像数组，但是，它们实际上是对象。这种情况下，我们就不能够使用数组的方法来处理数据了。
为了解决这个问题，我们可以使用 Array.from() 方法来将 NodeList 类型的数据转换成真正的数组类型。这样，我们就可以使用数组的方法来处理数据了。
举个例子，我们可以使用以下代码来将所有的 p 标签元素的内容转换成数组类型：
const ps = document.querySelectorAll('p');
const texts = Array.from(ps, p => p.textContent);在这个例子中，我们首先使用 querySelectorAll() 方法获得了所有的 p 标签元素。然后，我们使用 Array.from() 方法将这些元素转换成数组类型，并且通过一个回调函数将每一个元素的文本内容提取出来。
与 Array.from() 方法相关的其他方法
除了 Array.from() 方法，ES11 还提供了其他一些与之相关的方法，例如：Array.fromAsync()、Array.someAsync()、Array.everyAsync() 等等。这些方法与 Array.from() 方法类似，可以帮助我们更加方便地处理数组数据。
总结
通过 ES11 的 Array.from() 方法，我们可以解决指针值无法处理的问题，从而更加方便地处理数组数据。在日常的前端工作中，掌握这种方法可以帮助我们提升工作效率，并且更加高效地解决问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64af618948841e9894b6ceeb