배열 내장함수 (splice/slice)

이 문서는 fastcampus 강의 를 듣고 정리한 문서입니다. 문제가 있을 경우 이곳으로 문의주세요! 😀

splice

splice는 배열에서 특정 항목을 제거할때 사용!
그리고 제거할 항목의 index를 명시해줘야 함!

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

numbers.splice(index, 1);
console.log(numbers); //[10, 20, 40]

splice 함수의 인자로는 start와 deleteCount, 이렇게 2개가 필요.

~.splice(start, deleteCount);

start : 배열의 몇 번째 인자를 삭제할 것인지
deleteCount : 몇 개를 삭제할 것인지

그리고 splice 함수의 리턴 값은 제거한 원소들을 저장하는 배열이다.

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

console.log(numbers); //[10, 20]
console.log(spliced); //[30, 40]

slice

slice는 기존의 배열을 필요한 부분만 잘라낼때 사용하는데,
splice와 다르게 기존의 배열에 변화를 주지 않는다.(≈ 파이썬 슬라이싱 생각!)

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

const sliced = numbers.slice(0, 2);
console.log(sliced); //[10, 20]
console.log(numbers); //[10, 20, 30, 40]

slice 함수의 인자로는 start와 end, 이렇게 2개가 필요.

~.slice(start, end);

start : 배열의 몇 번째 인자부터 자를 것인지
end : 몇 번째 인자까지 자를 것인지(결과에는 end-1 번째까지 포함됨!)