挨拶
Web系エンジニアへの就職に向け学習をしております、ひろやすと申します。
今回の記事は、JavaScriptの復習をしていて分割代入について知ったので、学習のアウトプットとして投稿しようと思いました。
分割代入とは...
分割代入とは、配列やオブジェクトのプロパティを別々に変数へ代入すること。
// 配列
const array = [1, 2, 3];
const [num1, num2, num3] = array;
console.log(num1); // 1
console.log(num2); // 2
console.log(num3); // 3
// オブジェクト
const object = { name: "たろう", email: "taro@gmail.com", age: 20 };
const { name, email, age } = object;
console.log(name); // たろう
console.log(email); // taro@gmail.com
console.log(age); // 20
分割代入を使ってリファクタリング
// リファクタリング前
const array = { name: "たろう", email: "taro@gmail.com", age: 20 };
const ageMethod = () => {
if (array.age >= 20) {
console.log(`${array.name}は成人しています`);
} else {
console.log(`${array.name}はまだ成人していません`);
}
};
// リファクタリング後
const array = { name: "たろう", email: "taro@gmail.com", age: 20 };
const ageMethod = () => {
const { name, age } = array; // 分割代入
if (age >= 20) {
console.log(`${name}は成人しています`);
} else {
console.log(`${name}はまだ成人していません`);
}
};
参考になった方がいれば幸いです。
また、改善出来る部分などがあれば教えて頂きたいです。
最後までお読み頂きまして、ありがとうございました。