- 配列の分割代入: 配列の分割代入を使用すると、配列内の要素を個別の変数に分割して代入することができます。以下に例を示します。
const numbers = [1, 2, 3, 4, 5];
const [a, b, ...rest] = numbers;
console.log(a); // 1
console.log(b); // 2
console.log(rest); // [3, 4, 5]- オブジェクトの分割代入: オブジェクトの分割代入を使用すると、オブジェクトのプロパティを個別の変数に分割して代入することができます。以下に例を示します。
const person = {
name: 'John',
age: 30,
city: 'Tokyo'
};
const { name, age, ...rest } = person;
console.log(name); // 'John'
console.log(age); // 30
console.log(rest); // { city: 'Tokyo' }- デフォルト値の設定: 分割代入の際に、デフォルト値を設定することもできます。もし分割代入の対象となる配列やオブジェクトに対応する値が存在しない場合には、デフォルト値が代入されます。
const numbers = [1, 2];
const [a = 0, b = 0, c = 0] = numbers;
console.log(a); // 1
console.log(b); // 2
console.log(c); // 0- ネストした分割代入: 配列やオブジェクトの中にさらに配列やオブジェクトがネストしている場合でも、分割代入を使用することができます。
const nestedArray = [1, [2, 3], 4];
const [a, [b, c], d] = nestedArray;
console.log(a); // 1
console.log(b); // 2
console.log(c); // 3
console.log(d); // 4この記事では、JavaScriptにおける配列とオブジェクトの分割代入の基本的な使い方といくつかの具体的な例を紹介しました。分割代入はコードを簡潔にし、読みやすさを向上させるために重要なテクニックです。是非活用してみてください！