配列の分割代入
CoddyのJavaScriptジャーニー「論理とフロー」セクションの一部 — レッスン 47/65。
配列の分割代入は、配列から複数の値を取り出し、単一の文で変数に代入するための便利な方法です。これは、配列リテラルの構造を反映した構文を使用します。
基本構文:
const [a, b, c] = [1, 2, 3];
console.log(a); // 1
console.log(b); // 2
console.log(c); // 3要素をスキップすることができます：
const [a, , c] = [1, 2, 3];
console.log(a); // 1
console.log(c); // 3レストパラメータを使用して、残りの要素を取得することができます：
const [a, ...rest] = [1, 2, 3, 4, 5];
console.log(a); // 1
console.log(rest); // [2, 3, 4, 5]デフォルト値を指定することができます：
const [a, b, c = 3] = [1, 2];
console.log(c); // 3
チャレンジ
簡単引数として配列を受け取るanalyzeArrayという名前の関数を作成してください。この関数は、配列の分割代入を使用して、配列の最初、2番目、および最後の要素を抽出する必要があります。以下のプロパティを持つオブジェクトを返す必要があります。
first: 配列の最初の要素second: 配列の2番目の要素last: 配列の最後の要素restLength: 配列内の残りの要素の数
これらの要素のいずれかが存在しない場合は、デフォルト値としてnullを使用してください。
チートシート
配列の分割代入は、配列から複数の値を抽出し、1つのステートメントで変数に代入します。
const [a, b, c] = [1, 2, 3];
console.log(a); // 1
console.log(b); // 2
console.log(c); // 3空白を残すことで要素をスキップします：
const [a, , c] = [1, 2, 3];
console.log(a); // 1
console.log(c); // 3残りの要素を取得するには、レストパラメータを使用します：
const [a, ...rest] = [1, 2, 3, 4, 5];
console.log(a); // 1
console.log(rest); // [2, 3, 4, 5]欠落している要素にデフォルト値を指定します：
const [a, b, c = 3] = [1, 2];
console.log(c); // 3自分で試してみよう
function analyzeArray(arr) {
// ここにコードを書いてください
}
腕試しこのレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。
