JavaScript を使用して配列要素を個別の変数に解凍するにはどうすればよいですか?

配列要素のアンパックとは、配列要素の値を新しい変数に割り当てることを意味します。各要素を個別の変数に割り当てることも、一部の要素を個別の変数に割り当て、残りの要素については新しい配列を作成することもできます。このチュートリアルでは、JavaScript を使用して配列要素を個別の変数に解凍する方法を学習します。

＃＃＃文法＃＃＃

ユーザーは、次の構文に従って配列要素を個別の変数に解凍できます。

リーリー

上記の構文では、変数 a には要素 1 の値が含まれ、変数 b には要素 2 の値が含まれ、変数 c には要素 3 の値が含まれ、変数 d には要素 4 の値が含まれます。

次に、JavaScript を使用して配列要素を個別の変数に解凍するさまざまな例を見ていきます。

例 1

以下の例では、array1 を定義し、いくつかの数値で初期化します。さらに、配列要素をアンパックする変数 a、b、および c を定義しました。その後、上記の構文を使用して配列要素を個々の変数に分解します。

出力では、ユーザーは変数 a、b、c の初期値と、配列要素を解凍した後の最終値を確認できます。

リーリー

例 2

この例では、新しい変数を宣言するときに、配列要素を個別の変数に直接解凍します。ユーザーは、配列変数を割り当てるのではなく、配列を変数に直接割り当てることで、複数の変数を宣言し、配列を解凍する方法を観察できます。

リーリー

例 3

以下の例では、ユーザーがボタンをクリックすると、unpackElements() 関数が呼び出されます。 unpackElements() 関数で配列を破棄します。さらに、配列要素を個別の変数に解凍するときに、配列内の一部の要素をスキップします。

ユーザーは、カンマ区切りでスペースを追加することで、配列インデックスの要素をスキップできることがわかります。

リーリー

例 4

次の例では、配列要素を展開するときに変数にデフォルト値を割り当てる方法を学習します。すべての変数のデフォルト値として 500 を指定します。配列に含まれる要素の数が変数の総数よりも少ない場合、変数はデフォルト値で初期化されます。

以下の例の出力では、d の値がデフォルト値である 500 であることがわかります。

リーリー

ES6 バージョンの JavaScript で導入された配列の構造化について学習しました。配列要素をアンパックするユースケースを表す 4 つの例を見てきました。

ユーザーは、配列要素を解凍するときに要素をスキップし、変数にデフォルト値を割り当てる方法を学びました。

以上がJavaScript を使用して配列要素を個別の変数に解凍するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。