[Vanilla JS] - 4. 배열의 특정 값 삭제하기.
2022. 1. 14. 00:50ㆍVanilla 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.
'Vanilla JS' 카테고리의 다른 글
Javascript의 sort에 대해 알아보자. (0) | 2023.08.30 |
---|---|
parseInt()와 '+' 연산자의 차이 (0) | 2023.07.18 |
[Vanilla JS] - 3. parentNode vs parentElement (0) | 2022.01.13 |
[Vanilla JS] - 2. 원하는 문자 앞뒤로 채워넣기 - padStart() , padEnd() (0) | 2022.01.12 |
[Vanilla JS / Nomadcoders] - 1. localStorage 사용하기 (0) | 2022.01.11 |