본문 바로가기

프론트엔드/자바스크립트

배열 안에 객체 밸류 바꾸기

반응형

 

배열 안에 저장된 객체의 밸류를 바꾸어보겠습니다.

 

먼저, 객체의 밸류는 아래와 같은 방법을 변경이 가능합니다.

// 정의된 객체
let car = {
  year: 2000,
  model: 'good'
}

// 수정
let car = {
  year: 2000,
  model: 'better'
}

// 또는
let car = {
  ...car,
  model: 'better'
}

 

배열 안에 값은 저장된 밸류들 중에서 수정하고자 하는 값을 찾아서 변경해 주면 됩니다.

// 배열
let numbers = [1, 2, 3, 4]

// 해당 값의 인덱스를 아는 경우
numbers[0] = 5

 

따라서 아래와 같은 방법으로 배열 안에 객체의 값을 변경 가능합니다.

  // 문법 1
  cars = cars.map((car) => {
    if (car.year === 2000) {
      return {
        ...car,
        model: 'best',
      }
    }
  })
  
  // 문법 2
  cars = cars.map((car) =>
    car.year === 2000 ? { ...car, modle: 'best' } : car
  )

 

마무리

이상으로 배열 안에 객체의 값을 변경하는 방법을 보았습니다.

728x90
반응형