JavaScriptで配列の分割代入(デストラクチャリング)の方法


  1. 基本的な分割代入: 配列の要素を個別の変数に分割代入する方法です。
const array = [1, 2, 3];
const [a, b, c] = array;
console.log(a); // 1
console.log(b); // 2
console.log(c); // 3
  1. 要素のスキップ: 不要な要素をスキップして、必要な要素のみを分割代入する方法です。
const array = [1, 2, 3, 4, 5];
const [, , c, d,] = array;
console.log(c); // 3
console.log(d); // 4
  1. デフォルト値の設定: 配列の要素がundefinedの場合にデフォルト値を使用する方法です。
const array = [1, 2];
const [a, b, c = 3] = array;
console.log(a); // 1
console.log(b); // 2
console.log(c); // 3
  1. レストパラメータ: 残りの要素をまとめて新しい配列として取得する方法です。
const array = [1, 2, 3, 4, 5];
const [a, ...rest] = array;
console.log(a); // 1
console.log(rest); // [2, 3, 4, 5]

これらはJavaScriptで配列の分割代入を行うためのいくつかの基本的な方法です。コードの可読性を高め、効率的なコーディングを実現するために、適切な場面で活用してください。