자바스크립트 배열 원소 삭제 방법 정리

프린이·2021년 5월 28일
0

JS : MEMO

목록 보기
1/4

1. 맨 앞 원소삭제

(1) shift()

function remove(){
	var sampleArr = [1,2,3,4,5];
  	sampleArr.shift(); //sample[0]값 하나 삭제

  	return sampleArr; //remove함수를 실행하면 [2,3,4,5]를 반환함
}

(2) slice()

function remove(){
	var sampleArr = [1,2,3,4,5];
  	sampleArr = sampleArr.slice(1,sampleArr.length); 

  	return sampleArr; //remove함수를 실행하면 [2,3,4,5]를 반환함
}

2. 맨 뒤 원소삭제

(1) pop()

function remove(){
	var sampleArr = [1,2,3,4,5];
  	sampleArr.pop(); //sample[4]값 하나 삭제

  	return sampleArr; //remove함수를 실행하면 [1,2,3,4]를 반환함
}

(2) slice()

function remove(){
	var sampleArr = [1,2,3,4,5];
  	sampleArr = sampleArr.slice(0,sampleArr.length-1); 

  	return sampleArr; //remove함수를 실행하면 [1,2,3,4]를 반환함
}

3. 특정 값만 삭제

(1) splice()

function remove(){
	var sampleArr = [1,2,3,4,5];
  	sampleArr.splice(3,1); //sample[3]값 하나 삭제

  	return sampleArr; //remove함수를 실행하면 [1, 2, 3, 5]를 반환함
}

(2) slice()와 concat()

function remove(){
	var sampleArr = [1,2,3,4,5];
  	//sample[3]값 하나 삭제
  	sampleArr = sampleArr.slice(0,3).concat(sampleArr.slice(4,sampleArr.length)); //[1,2,3]과 [5]배열을 합쳐서 재정의 해줌

  	return sampleArr; //remove함수를 실행하면 [1, 2, 3, 5]를 반환함
}

4. 배열 원소 모두 삭제

(1) 배열을 빈 배열로 재정의

function remove(){
	var sampleArr = [1,2,3,4,5];
  	sampleArr = [];

  	return sampleArr; //remove함수를 실행하면 []를 반환함
}

(2) 배열의 크기를 0으로 만듦

function remove(){
	var sampleArr = [1,2,3,4,5];
  	sampleArr.length = 0; 

  	return sampleArr; //remove함수를 실행하면 []를 반환함
}
profile
주니어 프론트엔드개발자

0개의 댓글