JavaScript 配列の構造化

• JavaScript では、構造解除は、配列またはオブジェクトの値を変数にすばやく解凍できる強力な機能です。これにより、コードがよりクリーンになり、読みやすくなり、保守が容易になります。

->この投稿では、配列の破棄、配列内の値のスキップ、変数の切り替えについて学びます

配列の構造化
構造化を使用して配列から要素を取得し、変数に格納します。
配列の構造化代入 = []
例:

const arr = ['rice', 'pizza', 'chicken'];

// without Destructuring:
const foodOne = arr[0];
const foodTwo = arr[1];
const foodThree = arr[2];
console.log(foodOne, foodTwo, foodThree); // rice pizza chicken

// with Destructuring

const [food1, food2, food3] = arr;

console.log(food1, food2, food3); // rice pizza  chicken

• この例でわかるように、分割により作業がはるかに簡単になり、時間を大幅に節約できます。const または let を使用して分割を作成し、角括弧 [] 内に値の変数名を記述できます。ただし、配列の分割では配列内の値の順序が重要であることに注意してください。分割代入の順序が配列内の順序になるため、この点に注意する必要があります。

注: 構造解除では元の配列は破壊されません。説明のために、単に展開するだけです:

console.log(arr); // rice pizza chicken

• つまり、元の配列内に値がまだ残っています。

値をスキップします:

• 配列から特定の値を解凍したくない場合、その値をスキップするには、その値が破壊されないように、構造化パターンに空のスペース (「穴」) を残します。次に例を示します。
• 何らかの理由でピザが欲しくない場合は、次のように書きます:

let [food1, , food3] = arr;
console.log(food1, food3); // rice chicken

変数の切り替え:
最初の食べ物をご飯の代わりに鶏肉に、3 番目の食べ物を鶏肉の代わりにご飯にしたい場合、それらの場所を入れ替えることができ、値も切り替わります。例:

[food1, food3] = [food3, food1];
console.log(food1, food3); // chicken rice

これが JavaScript の配列の構造化についての理解を深めていただければ幸いです。以下のコメント欄でお気軽にご質問ください:)

以上がJavaScript 配列の構造化の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。