07-7. 배열내장 함수(splice, slice)

배열내장 함수

배열을 다룰 때 알고있으면 너무나 유용한 다양한 내장 함수들에 대하여 알아보겠습니다.

splice

splice 는 배열에서 특정 항목을 제거할 때 사용합니다.

중요한 점은 기존의 배열(원본의 데이터를)도 수정을 한다 것입니다.

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

위 배열에서 30 을 지운다고 가정해봅시다. 그러면, 30이 몇번째 index 인지 알아낸 이후, 이를 splice 를 통해 지워줄 수 있습니다.

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

console.log(spliced);  //splice로 지운 결과를 보여줍니다.
console.log(numbers);  //splice로 지우고 남은 배열 원소를 보여줍니다.

결과는 다음과 같습니다.

// 결과)
[30]
[10, 20, 40]

splice 를 사용 할 때 첫번째 파라미터는 어떤 인덱스부터 지울지를 의미하고 두번째 파라미터는 그 인덱스부터 몇개를 지울지를 의미합니다.

slice

slice 는 splice 랑 조금 비슷한데요, 배열을 잘라낼 때 사용하는데,

중요한 점은 기존의 배열(원본의 데이터)를 수정하지 않는 다는 것입니다.

const numbers = [10, 20, 30, 40];
const sliced = numbers.slice(0, 2); // 0부터 시작해서 2전까지

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

slice 에는 두개의 파라미터를 넣게 되는데 첫번째 파라미터는 어디서부터 자를지, 두번째 파라미터는 어디까지 자를지 를 의미합니다.