【ワンピースで覚えるJavaScript】第４回 分割代入(プログラミング入門講座)

JavaScriptは分割代入ができます。

一度に変数を入れられるので、便利ですよね！

コードはこちらです

//分割代入(配列の内容を別々の変数に代入)
//let Luffy = "ゴムゴム";
//let buggy = "バラバラ";
//let Alvida = "スベスベ";
let devil_fruits = ["ゴムゴム", "バラバラ", "スベスベ"];
let [Luffy, buggy, Alvida] = devil_fruits;
console.log(Luffy);
console.log(buggy);
console.log(Alvida);

[Luffy, buggy, Alvida, Usopp] = devil_fruits;
console.log(Usopp);

devil_fruits = ["ゴムゴム", "バラバラ", "スベスベ", "ヤミヤミ", "グラグラ"];
[Luffy, buggy, Alvida, Teach] = devil_fruits;
console.log(Teach);

[Luffy, buggy, Alvida, ...Teach] = devil_fruits;;
console.log(Teach);

//変数のスワップ(２つの変数の中身を入れ替える)
let sanji = "非能力者";
let Absalom = "スケスケの実";
console.log(sanji);
console.log(Absalom);
[sanji, Absalom] = [Absalom, sanji];
console.log(sanji);
console.log(Absalom);

//オブジェクト(連想配列)でも分割代入は利用できる
let Crocodile = {
    age: 44, height: 253, devil_fruit: "スナスナの実"
};
//console.log(age);
//代入先は[]も(ブラケットではなく){}
let { height, age, devil_fruit } = Crocodile;
//順番は異なっても良いが、名前は一致させる
console.log(age);
console.log(height);
console.log(devil_fruit);