ホームページ > 記事 > ウェブフロントエンド > 角括弧構文と Array.from 配列長の初期化は、JavaScript の配列コンストラクターよりも適していますか?
JavaScript での配列の長さの初期化
JavaScript で特定の長さの配列を初期化する従来の方法は、次の構文を使用して Array コンストラクターを使用することです。 var テスト = 新しい配列(4);。ただし、この方法を使用すると、特定のフレームワークやリンティング ツールとの互換性がないため、懸念が生じています。
リスクとブラウザの非互換性
new Array() の使用には重大なリスクはありません;ブラウザは広くサポートされています。ただし、jsLint などの lint ツールでは、構文にエラーが発生しやすいため、警告が発行されます。
角括弧を使用した代替構文
角括弧構文への切り替え (var test = [ ];) lint ツールでは優先されます。ただし、配列の長さを設定するには別の手順が必要です。
<code class="js">var test = []; test.length = 4;</code>
1 行の初期化
配列を初期化してその配列を設定する直接的な方法はありません。角括弧を使用して 1 行の長さを指定します。ただし、ES6 は次の解決策を提供します。
<code class="js">Array.from(Array(5)).forEach(alert);</code>
これにより、未定義の値を持つ長さ 5 の配列が作成されます。 ES6 では、特定の値で初期化することもできます。
<code class="js">Array.from('abcde'); // [ "a", "b", "c", "d", "e" ]</code>
概要
新しい Array() 構文は有効ですが、lint ツールとの互換性の問題のため推奨されません。そして潜在的なエラー。推奨されるアプローチは、角括弧を使用して長さを個別に設定することです。 ES6 は、初期値を設定するための便利なメソッドなど、配列を初期化するための追加オプションを提供します。
以上が角括弧構文と Array.from 配列長の初期化は、JavaScript の配列コンストラクターよりも適していますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。