[Vanilla JS] - 4. 배열의 특정 값 삭제하기.

2022. 1. 14. 00:50Vanilla JS

배열안의 특정 값을 삭제하는 방법에 대해 알아봤다.

 

1. 배열 전체 값 삭제하기.

1) 값이 있던 배열을 빈 배열로 할당하기.

let arr = ["a", "b", "c"]
arr = [];

 

2) 값이 있던 배열의 길이를 0으로 할당하기.

let arr = ["a", "b", "c"]

arr.length = 0;

 

2. 배열의 첫번째 값 삭제하기. - shift()

let arr1 = [1,2,3]
arr1.shift();

/* arr1 = [2,3] */

 

3. 배열의 뒤에서 삭제하기.

1) 배열의 길이로 삭제하기

let arr1 = [1,2,3,4]
arr1.length = 2;

/*arr1 = [1,2] */

2) pop()

let arr1 = [1,2,3,4,5];
arr1.pop();

/* arr1 = [1,2,3,4] */

/* console.log(arr1.pop()) 은 5 반환 */

 

4. splice()

- 함수의 특정 위치에 값을 추가하거나 삭제할때 사용하는 함수.

1) 삭제할 때

See the Pen Test by Taehan Kim (@taehankim-dev) on CodePen.

2) 추가할 때

See the Pen splice - 2 by Taehan Kim (@taehankim-dev) on CodePen.

 

5. filter()

- 반복문과 splice() 조합을 대체하는 방법. 

1) 단순 비교

See the Pen filter() - 1 by Taehan Kim (@taehankim-dev) on CodePen.

 

 

2) object의 경우

See the Pen filter() - 2 by Taehan Kim (@taehankim-dev) on CodePen.