コピーするlet arry = [1, 2, 3];
// 変数x, y, zに配列の要素を代入する
let [x, y, z] = arry;
console.log(x, y, z);
// > 1 2 3
// 不要な要素は空白としておくことでスキップできる
let [x1, , z1] = arry; // 2つ目の要素を空白にする
console.log(x1, z1);
// > 1 3
// 宣言済みの変数に対しても代入できる
let x2;
[x2] = arry;
console.log(x2);
// > 1
// デフォルト値を設定できる
let [, , , a3 = 4] = arry;
console.log(a3);
// > 4
// スプレッド演算子(後述)と合わせて使うこともできる
let [x4, ...rest] = arry;
console.log(x4, rest);
// > 1[2, 3]

コピーする// オブジェクトの分割代入はプロパティ名の変数を宣言する。プロパティの順番は関係ない
let { banana, orange, apple } = {
  apple: "リンゴ",
  banana: "バナナ",
  orange: "オレンジ",
};
console.log(banana);
// > バナナ
// プロパティと変数名を変えたい場合
let { banana: b, apple: a } = { apple: "リンゴ", banana: "バナナ" };
console.log(b, a);
// > バナナ リンゴ
// デフォルト値を代入する場合
let { banana: b2 = "おいしいバナナ" } = { apple: "リンゴ" };
console.log(b2);
// > おいしいバナナ
// スプレッド演算子と合わせて使うこともできる
let { banana: b3, ...fruits } = {
  apple: "リンゴ",
  banana: "バナナ",
  orange: "オレンジ",
};
console.log(fruits);
// > {apple: "リンゴ", orange: "オレンジ"} バナナ以外が格納されたオブジェクトが生成
// ネストしたオブジェクトも展開できる
let {
  fruits: { apple: a3 },
} = { fruits: { apple: "リンゴ", banana: "バナナ" } };
console.log(a3);
// > リンゴ
// 動的にプロパティ名を指定できる
let prop = "apple";
let { [prop]: a4 } = { apple: "リンゴ", banana: "バナナ", orange: "オレンジ" };
console.log(a4);
// > リンゴ

コピーするconst fruitsArry = ["banana", "orange", "grape"];
const fruitsObj = { banana: "バナナ", orange: "オレンジ" };
function bunkatuArry([, , fruit3]) {
  // 1つ目、2つ目の要素を空白にする
  console.log(fruit3);
}
bunkatuArry(fruitsArry); // 配列を実引数として渡す
// > grape
function bunkatuObj({ orange }) {
  // orangeのみ引数として抽出
  console.log(orange);
}
bunkatuObj(fruitsObj); // オブジェクトを実引数として渡す
// > オレンジ

コピーするconst taro = {
  name: { first: "丸", last: "おジャコ" },
  age: 18,
  hobbies: ["野球", "サッカー"],
};
// 分割代入でオブジェクトから変数に値を抽出
function greeting({ name: { first, last }, age, hobbies: [hobby1, hobby2] }) {
  console.log(`名前は${last + first}です。${age}歳です。`);
  console.log(`趣味は${hobby1}と${hobby2}です。`);
}
greeting(taro); // オブジェクト（taro）を渡す
// > 名前はおジャコ丸です。18歳です。
// > 趣味は野球とサッカーです。

コピーするconst original = ["元の値"];
const duplicated = [...original]; // 元の配列の要素を持つ新しい配列を作成
duplicated[0] = "変更後の値"; // 複製後の値を変更
console.log(`original[ ${original[0]} ] duplicated[ ${duplicated[0]} ]`);
// > original[ 元の値 ] duplicated[ 変更後の値 ]

コピーするconst arry1 = [10, 20, 30];
const arry2 = [40, 50, 60];
console.log([...arry1, ...arry2]); // 配列のマージ
// > [10, 20, 30, 40, 50, 60]
console.log([...arry2, ...arry1]); // 配列のマージ（arry2から要素を設定）
// > [40, 50, 60, 10, 20, 30]
console.log([0, ...arry2, 70, ...arry1]); // 任意の場所に要素を追加
// > [0, 40, 50, 60, 70, 10, 20, 30]

コピーするconst obj1 = { prop1: 10, prop2: 20 };
const obj2 = { prop3: 30, prop4: 40 };
console.log({ ...obj1, ...obj2 }); // オブジェクトのマージ
// > {prop1: 10, prop2: 20, prop3: 30, prop4: 40}
console.log({ prop0: 0, ...obj2, prop5: 50 }); // 任意のプロパティの追加
// > {prop0: 0, prop3: 30, prop4: 40, prop5: 50}
// プロパティ重複時は、あとから定義したほうで上書き
console.log({ prop1: 0, ...obj1 });
// > {prop1: 10, prop2: 20}

コピーするconst form = {
	firstName: null,
	lastName: null,
	Email: null,
	zipCode: null,
	Address: null,
	Phone: null
}

const input = {
	firstName: 'John',
	lastName: 'Doe',
	Email: 'john@example.com'
}

Object.assign(form, input)

//>{
  firstName: 'John',
  lastName: 'Doe',
  Email: 'john@example.com',
  zipCode: null,
  Address: null,
  Phone: null
}

コピーするArray.prototype[Symbol.iterator] = function* () {
  yield "Hello";
  yield "World";
};
const arry = [1, 2, 3];
const newArry = [...arry];
console.log(newArry);
// > [ "Hello", "World" ]