본문 바로가기
Development (국비 복습 )/JavaScript

배열 요소 삭제방법

by Puddingforever 2023. 2. 21.

 

 

1.배열의 뒤에서부터 요소 삭제 

 

배열의 길이를 줄여서 삭제

var arr =[1,2,3,4,5];

arr.length = 3;

console.log(arr); // [1,2,3] 출력

pop() 메소드로 배열의 마지막 요소 삭제

var arr = [1,2,3,4,5];

arr.pop();

console.log(arr); // [1,2,3,4]

이떄 저 pop()은 리턴값 5를 가지고 있다

 

2.배열의 앞에서부터 요소 삭제 

shift()메소드로 배열의 맨앞의 요소를 삭제하고 인덱스 바로 앞으로 당기기

var arr = ["zero" ,"one","two","three"];

arr.shift();

console.log(arr); // ["one","two","three"]

arr.shift() 는 리턴값 zero를 가지고 있다.

요소값이 없거나, array length가 0이면 undefined를 리턴한다.

 

3.splice(인덱스,삭제할 요소개수)로 특정 요소 삭제

var arr = [1,2,3,4,5];
var removed = arr.splice(2,2); // index number 2에서부터 2개 삭제
console.log(removed); // [3,4]
console.log(arr);//[1,2,5]
var arr=[1,2,3,4,5];

for(var i=0;i<arr.length;i++){
	
    if(arr[i]==3){
    	arr.splice(i,1);
    }
}

console.log(arr);//[1,2,4,5]

중복되는 아이템을 삭제하고 싶을 때는 i--를 해준다.

var arr =[1,2,3,4,5,5,6];
for(var i=0;i<arr.length;i++){

	if(arr[i]==5){
    	arr.splice(i,1); 
        i--;
    }

}

if문 안에서 index4의 값이 사라진 순간, index 5에 있던 값이 index4로 간다.

따라서 원래 index5에는 6이 들어간다. 즉 , 5를 스킵해버려서 i--를 꼭 해줘야한다. 

 

 

나머지는 다시 정리... 

 

 

https://love2dev.com/blog/javascript-remove-from-array/

 

9 Ways To Remove 🗑️ Elements From A JavaScript Array 📇[Examples]

Removing & Clearing Items From JavaScript arrays can be confusing. Splice, substring, substr, pop, shift & filter can be used. Learn how they differ and work.

love2dev.com

 

'Development (국비 복습 ) > JavaScript' 카테고리의 다른 글

자바스크립트 this 키워드 !!!!!!!!!!  (0) 2023.02.22
자바스크립트 .el?  (0) 2023.02.21
Factory Functions  (3) 2023.02.19
생성자(constructor)와 prototype , __proto__  (0) 2023.02.19
Javascript reference  (0) 2023.02.19

댓글