반응형
배열 안에 저장된 객체의 밸류를 바꾸어보겠습니다.
먼저, 객체의 밸류는 아래와 같은 방법을 변경이 가능합니다.
// 정의된 객체
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
반응형
'프론트엔드 > 자바스크립트' 카테고리의 다른 글
프로젝트 - 뮤직 플레이어 (0) | 2022.12.28 |
---|---|
요소 지우기 (0) | 2022.12.28 |
드래그 앤 드랍 (0) | 2022.12.26 |
프로젝트 - 가위 바위 보 도마뱀 스폭 게임 (0) | 2022.12.25 |
프로젝트 - 계빨 게임 (Math Sprint) (0) | 2022.12.24 |