자바스크립트-splice함수와 slice함수

splice함수로 기존 원본 배열의 요소를 제거할 수 있다.

const numbers = [10, 20, 30, 40];
const index = numbers.indexOf(30);
// index부터 시작해서 하나 제거하겠다.
numbers.splice(index,1);
console.log(numbers); //결과는 [10,20,40]

 

또는 제거한 요소를 변수에도 담을 수 있다.

 

const numbers = [10, 20, 30, 40];
const index = numbers.indexOf(30);

const spliced = numbers.splice(index,2)
console.log(spliced); //결과는 [30,40]

 

기존의 배열을 변경하지 않고 해당 인덱스부터의 요소를 꺼내오는 slice함수는 다음과 같다.

 

const numbers = [10, 20, 30, 40];

// slice(start,end) : start요소부터 시작해서 end 요소 전까지 자른다.
// 기존의 배열을 건드리지 않는다는 점에서 splice와 구별지을 수 있다 .
const sliced = numbers.slice(0,2); 
console.log(sliced); // [10,20]
console.log(numbers); //[10,20,30,40]

 

---

벨로퍼트님의 자바스크립트 강의를 듣고 작성하였습니다.