JavaScript裏的數組轉化新方法Array.From

過去，咱們使用各類各樣的方法來將相似Array對象的東西(好比 arguments和 NodeList) 轉換成真的數值。好比下面這個：

• 將NodeList轉換成數組

基本上，這些東西咱們均可以使用Array.prototype.slice.call()這樣的方法將arguments和NodeList等轉行成想要的形式。

現在，咱們有了更直接的方法，直接將這些類數組的對象轉化成真正的對象。

將NodeList 轉化成 Array

var divs = Array.from(document.querySelectorAll('div'));

// Array[232] (every DIV on the page)

將 arguments 轉化成 Array

function something() {
  var args = Array.from(arguments);

  // Array['yes', 1, {}]
}
something('yes', 1, {});

將 String 轉化成 Array

Array.from('JavaScript'); // 很像'JavaScript'.split('')

// ["J", "a", "v", "a", "S", "c", "r", "i", "p", "t"]

這些寫法很是的簡單清晰，不需再使用slice等間接方法！