이 배열에서 id 값이 2인 항목의 text 값을 ‘안녕히계세요’로 업데이트하는 코드를 작성해보겠습니다.

const items = [
      { id: 1, text: '안녕하세요' },
      { id: 2, text: '환영합니다' },
      { id: 3, text: '반갑습니다' }
];
const nextItems = items.map(item => item.id === 2 ? { ...item, text: '안녕히계세요' } : item);
console.log(nextItems);
/*
[
  { "id": 1, "text": "안녕하세요" },
  { "id": 2, "text": "안녕히계세요" },
  { "id": 3, "text": "반갑습니다" }
]
*/

배열 내부의 객체를 업데이트할 때는 이 코드와 같이 spread 연산자를 사용해 불변성을 유지해야 합니다.