javascript Array.from（）

Posted 2021-05-03

Array.from()は、配列に似たオブジェクトから配列を作るコンストラクタメソッドです。
例えば、HTMLCollectionなどを配列に変換できます。
また、第2引数にコールバック関数を指定すると、Array.prototype.map()と同じ処理が行われます。

// HTMLCollectionを取得
var object = document.getElementsByTagName( "li" ) ;

// HTMLCollectionは配列ではないのでforEach()は使えない
object.forEach( function( value ) { /*...*/ } ) ;

// HTMLCollectionを配列に変換
var array = Array.from( object ) ;

// 配列なのでforEach()を使える
array.forEach( function( value ) { /*...*/ } ) ;

Array.from( object, callbackFunc, arguments ) ;
array.map( callbackFunc, arguments ) ;