배열에서 특정 항목 제거하는 방법

이승민·2021년 5월 11일
0
post-custom-banner
const a = ['a','b','c','d','e'];

a라는 배열이 존재할때 그 안에 있는 c 라는 항목을 삭제하고 싶은 경우 방법을 기록한다.

우선 c의 index 값을 확인한다.

const b = a.indexOf('c');

// return 2

c 의 인덱스 값을 확인해보면 2라는 값을 확인할 수 있다.
인덱스 값을 확인했다면 splice 함수를 이용해서 c를 추출해낸다.

const d = a.splice(b,1);

//return ['c']

splice 함수는 첫번째 인자에 들어가는 index 값에 위치한 요소부터 두번째 인자에 들어가는 값과 같은 개수 만큼 배열에서 삭제하고 추출해낸다.
a라는 배열의 b(=2) 의 index부터 1개의 요소를 삭제 후 추출한다.

c를 추출했다면 filter 함수를 통해 c를 제거한 새로운 배열을 만든다.

const e = a.filter(i => i !== d);

//return [ 'a', 'b', 'd', 'e' ]

filter 함수는 배열의 각 요소들을 명시한 조건에 해당하는지 확인 후 해당하는 요소들을 모아 새로운 배열을 반환한다.
각 요소들은 i 라는 변수가 되고 각각의 i들이 d와 일치하지 않는지 여부를 확인 후 조건에 맞는 요소들을 모은 새로운 배열이 생성되는 것이다.

profile
프론트 앤드 개발자를 꿈꿉니다.
post-custom-banner

0개의 댓글