[React] 9. 배열 수정하기

 

목차

1. 배열 데이터 수정하기
   1. 수정할 데이터가 하나 일 때 (스프레드 연산자 + 직접 수정)
   2. 수정할 데이터가 하나 일 때 (스프레드 연산자 + 변수 사용)
   3. 복수의 데이터 중 일부 데이터만 수정할 때

 

 

1. 배열 데이터 수정하기

 

1-1. 수정할 데이터가 하나 일 때 (스프레드 연산자 + 직접 수정)

• 스프레드 연산자를 통해 특정 데이터만 수정
• 주석에서 처럼, 동일 변수가 있으면 뒤 쪽에 작성된 데이터로 덮어쓴다

결과 화면

 

 

 

1-2. 수정할 데이터가 하나 일 때 (스프레드 연산자 + 변수 사용)

• 수정할 데이터를 담은 변수를 통해 수정
• 두 변수 모두 스프레드 연산자 사용

결과 화면

 

 

 

2. 복수의 데이터 중 일부 데이터만 수정할 때

• map으로 배열의 모든 데이터를 불러오고, 조건을 걸어 동일 데이터일 경우 데이터 수정

결과 화면