DEVLOG
React 배열 관리하기 :: 제거와 수정 본문
728x90
반응형
기존 배열 데이터를 건드리지 않으면서 데이터를 제거하는 법
arr배열에서 3을 제거해보자!
1. slice + concat
array.slice(0,2).concat(array.slice(3,5)) // [1, 2, 4, 5]
왼쪽두개와 오른쪽 두개를 slice로 잘라낸 뒤 concat으로 합치기
[ ...array.slice(0,2), ...array.slice(3,5) ];
배열 전개 연산자로 구현한 코드
2. filter
array.filter(num => num !== 3); // [1, 2, 4, 5]
728x90
반응형
'frontend > react' 카테고리의 다른 글
React의 컴포넌트 :: 함수형 컴포넌트 & 클래스형 컴포넌트 (+화살표함수) (1) | 2020.11.16 |
---|---|
React 프로젝트 :: TodoList 따라하기 (0) | 2020.11.16 |
React 배열 관리하기 :: 생성과 렌더링 (+concat/slice/map/filter개념) (0) | 2020.11.02 |
React LifeCycle (0) | 2020.10.14 |
React의 데이터 :: props와 state (0) | 2020.10.13 |
Comments