프론트엔드/자바스크립트
배열 안에 객체 밸류 바꾸기
Jin-Co
2022. 12. 27. 23:29
반응형
배열 안에 저장된 객체의 밸류를 바꾸어보겠습니다.
먼저, 객체의 밸류는 아래와 같은 방법을 변경이 가능합니다.
// 정의된 객체
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
반응형