分割代入構文を活用する
date
Sep 17, 2023
repo_url
slug
leverage-destructuring-assignment-syntax
status
Published
summary
type
Post
thumbnail_url
tags
javascript
outer_link
オブジェクトから関連性の高い情報を抽出するために、分割代入構文を使います。
const company = {
employees: 10,
founder: "John Doe",
products: ["Phones", "Hardware", "Laptops"],
};
const { employees, founder } = company;
const { 0: phones, 2: laptops } = company.products;
console.log(employees); // 10
console.log(founder); // John Doe
console.log(phones); // Phones
console.log(laptops); // Laptopsこの分割代入構文は、配列の値やオブジェクトのプロパティから名前付きの変数へと値を置き換えることができます。
この構文で、例えば単一行の変数の交換や、返されたオブジェクトのプロパティの意味だけを解析する場合などで活用できます。