分割代入とスプレッド構文【Day 92 of 100】

// 分割代入
const sarabaA = {
  name: "森田",
  age: 45,
  sex: "male",
};
// 普通に書くと冗長
const message = `さらばは、${sarabaA.name}、${sarabaA.age}歳、${sarabaA.sex}がメンバーです`;
console.log(message);
// 分割代入だとシンプルでわかりやすい
const { name, age, sex } = sarabaA;
const message2 = `さらばはね、${name}、${age}歳で、${sex}がメンバーですよ`;
console.log(message2);
const cat = ["しゃむ", "茶トラ", "雑"];
const [a, b, c] = cat;
console.log(`猫には、${a}や、${b}や、${c}、がいます`);
const sayHello = (name = "一般ピーポー") =>
  console.log(`${name}さん、こんにちは`);
sayHello("VIP");
sayHello();
const sarabaB = {
  nameB: "ぶくろ",
  ageB: 46,
  sexB: "male",
};
const { nameB, ageB, charactorB = "無難" } = sarabaB;
console.log(nameB);
console.log(charactorB);
console.log(ageB);
// オブジェクトの省略
const nameC = "市川";
const ageC = 36;
const talentA = {
  nameC, //nameC: nameC,の略
  ageC, //ageC: ageC,の略
};
console.log(talentA);

// スプレッド構文
const array = [45, 58, 74, 90];
console.log(`普通の配列：`, array);
console.log(`スプレッドした配列：`, ...array);
console.log(typeof array);
const array2 = [45, "点数", 44, [4, 5, 6, 7]];
const sumFunc = (a, b, c, d) => {
  console.log(a + c);
  console.log(typeof a);
  console.log(typeof b);
  console.log(typeof c);
  console.log(typeof d);
};
sumFunc(...array2);
// まとめる
// 最初の2つは取り出したいけど残りはいくつあるかわからないからarray4としてまとめたい
const array3 = [
  "やまだ",
  "iwakura",
  "中野",
  "tanaka",
  "野",
  "た野",
  "ば野",
  "じゃ野",
];
const [aa, bb, ...array4] = array3;
console.log(aa);
console.log(bb);
console.log(array4);
// 配列のコピー、結合
const array5 = [66, 44];
const array6 = [6, 4];
const array7 = [...array5];
// const array7 = array5;
console.log(array7);
if (array5 === array7) {
  console.log("全く一緒だね");
} else {
  console.log("別物だね");
}
const array8 = [...array5, ...array6];
console.log(array8);