Widely available すべての主要ブラウザで対応済み。安心して使用可能。

Array.of()

Array.of() 静的メソッドは、引数の数や型にかかわらず、可変長引数から、新しい Array インスタンスを生成します。

配列ES2015

対応ブラウザ

機能 デスクトップ モバイル
Chrome
Edge
Firefox
Safari
Chrome Android
Safari iOS
Array.of
45
12
25
9
39
9
TypedArray.of

TypedArray.of() メソッドは、可変長の引数から新しい型付き配列を生成します。このメソッドは Array.of() とほぼ同じです。
45
12
38
10
45
10
1+対応 (バージョン) 未対応 ※注釈あり サブ機能の解説は MDN Web Docs (CC BY-SA 2.5)

基本構文

JAVASCRIPT 
Array.of(1, 2, 3);  // [1, 2, 3]
Array.of(3);         // [3] (new Array(3) is an empty array of length 3)
Array.of(undefined); // [undefined]

ライブデモ

数値1つの時の挙動

new Array(3) と Array.of(3) の違いを視覚化します。

プレビュー全画面表示

複数の引数から生成

渡された複数の引数をそのまま配列の要素にします。

プレビュー全画面表示

動的な引数での生成

undefined や null を含む引数でも正しく配列化されます。

プレビュー全画面表示

実務での使いどころ

  • Array.of() の活用

    Array.of() 静的メソッドは、引数の数や型にかかわらず、可変長引数から、新しい Array インスタンスを生成します。

注意点

  • 特になし。すべての主要ブラウザで安定して動作する。

アクセシビリティ

  • JavaScript による動的更新時は、aria-live リージョンで変更をスクリーンリーダーに通知する。

参考リンク