【JavaScript】スプレッド構文とmap関数で配列を含むオブジェクトを更新

...Object

user = {
    ...user,
    name: "新しい名前"
}

配列.map((変数) => 更新処理);

let group = {
  groupName: "グループ1",
  members: [
    { name: "サメハック", age: 30, id: 0 },
    { name: "ねこハック", age: 31, id: 1 },
    { name: "いぬハック", age: 40, id: 2 },
    { name: "ぶたハック", age: 23, id: 3 },
  ],
};

let group = {
  groupName: "グループ1",
  members: [
    { name: "サメハック", age: 30, id: 0 },
    { name: "ねこハック", age: 31, id: 1 },
    { name: "いぬハック", age: 40, id: 2 },
    { name: "ぶたハック", age: 23, id: 3 },
  ],
};

group = {
  // groupを展開
  ...group,
  // groupNameプロパティの値を更新
  groupName: "グループ1_改",
  // membersプロパティを更新
  // group.membersは配列なので、順番に中身を取り出して更新をかける
  members: group.members.map((member) => ({
    // memberを展開
    ...member,
    age: "非公開",
    // 新しいプロパティを追加し、値を設定
    isLeader: member.id === 0 ? true : false,
  })),
};

console.log("group", group);