array.from

array.from

In the past we used a variety of hacks to convert Array-like objects (like arguments and NodeList) to a true array.  You can see a few of those hacks here:

过去，我们使用各种技巧将类似Array的对象(例如arguments和NodeList )转换为真正的数组。 您可以在这里看到其中一些骇客：

Convert arguments to Array

将参数转换为数组

Convert NodeList to Array

将NodeList转换为数组

Essentially we would use Array.prototype.slice.call() on the arguments or NodeList to do the conversion.  These days there is a more straightforward solution to converting one type to another.

本质上，我们将对arguments或NodeList使用Array.prototype.slice.call()进行转换。 如今，有一种更直接的解决方案可以将一种类型转换为另一种类型。

将NodeList转换为Array (Convert NodeList to Array)

var divs = Array.from(document.querySelectorAll('div')); // Array[232] (every DIV on the page)

将arguments转换为Array (Convert arguments to Array)

function something() { var args = Array.from(arguments); // Array['yes', 1, {}] } something('yes', 1, {});

将String转换为Array (Convert String to Array)

Array.from('JavaScript'); // Same as 'JavaScript'.split('') // ["J", "a", "v", "a", "S", "c", "r", "i", "p", "t"]

The code is much cleaner and no need for the slice hack!

代码更简洁，无需slice破解！

翻译自: https://davidwalsh.name/array-from

array.from