5. 배열 수정하기 (map과 spread응용)

1. 주어진 값에서 하나의 값을 수정하기

    // 효율적 값 변경 예시, data 값을 a6에서 찾아서 변경한다.
    // 데이터를 1건밖에 없을때는 아래와 같이 수정 한다.
    const data = {phone:"2222"};
    const a6 = {id:1, name:"홍길동", phone:"1111", age:17, gender:"남"};
    const b6 = {...a6, ...data};
    console.log(b6);

2. 다수의 값에서 하나의 값을 수정하기

    const users = [
        {id:1, name:"구태모", phone:"22222"},
        {id:2, name:"이대엽", phone:"33333"},
        {id:3, name:"오승훈", phone:"44444"}
    ];

    const updateUserDto = { //업데이트 요청
        id:2, name:"홍길동"
    };

    // 많은 데이터에서 하나의 값만 수정할 경우에는 아래와 같이 수정해 준다.
    const newUsers = users.
        map(user => user.id === updateUserDto.id ? {...user, ...updateUserDto}:user); // 위의 users를 복사한 값이다.
    console.log("newUsers", newUsers);