es6 で from メソッドを使用する方法

es6 では、from メソッドを使用して、配列のようなオブジェクトとトラバース可能なオブジェクトを実際の配列に変換します。返される結果は、変換された新しい配列インスタンスです。構文は "Array.from( -配列に変換する配列オブジェクトまたは反復可能オブジェクト、コールバック関数、およびコールバック関数実行時の this オブジェクト)。

このチュートリアルの動作環境: Windows 10 システム、ECMAScript バージョン 6.0、Dell G3 コンピューター。

es6 で from メソッドを使用する方法

このメソッドは、2 種類のオブジェクト (配列のようなオブジェクトと走査可能なオブジェクト) を実際の配列に変換するために使用されます。

構文

Array.from( arrayLike, mapFun, thisArg );

パラメータ

arrayLike: 必須。配列に変換する疑似配列オブジェクトまたは反復可能オブジェクト;

mapFun: オプション。このパラメーターが指定されている場合、コールバック関数は新しい配列の各要素に対して実行されます。

thisArg: オプション。このオブジェクトは、コールバック関数mapFunの実行時に使用されます。

#戻り値

新しい配列インスタンス

例は次のとおりです。

配列の生成文字列から

Array.from('foo'); 
// [ "f", "o", "o" ]

Set から配列を生成

const set = new Set(['foo', 'bar', 'baz', 'foo']);
Array.from(set);
// [ "foo", "bar", "baz" ]

Map から配列を生成

const map = new Map([[1, 2], [2, 4], [4, 8]]);
Array.from(map);
// [[1, 2], [2, 4], [4, 8]]
const mapper = new Map([['1', 'a'], ['2', 'b']]);
Array.from(mapper.values());
// ['a', 'b'];
Array.from(mapper.keys());
// ['1', '2'];

配列のようなオブジェクト (引数) から配列を生成

function f() {
  return Array.from(arguments);
}
f(1, 2, 3);
// [ 1, 2, 3 ]

[関連推奨事項:

JavaScript ビデオ チュートリアル 、Web フロントエンド ]

以上がes6 で from メソッドを使用する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。