JS 기초 : 배열 내장 함수 slice splice

◼ splice

• 특정 요소를 배열에서 제거하는 메서드
• 원본 배열의 변화가 있다.
• 배열명.splice(시작인덱스,개수) 형태로 작성한다.

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

index에는 30의 인덱스인 2가 저장된다.

numbers.splice(index, 1);

위와 같이 splice 메서드를 사용하면 2번째 값을 시작으로 1개의 값이 배열에서 삭제된다.

console.log(numbers);

따라서 위의 코드를 통해 배열 numbers를 출력해보면 [10, 20, 40]이 출력된다. 원본 배열에서 값이 제거 된 것을 확인할 수 있다.

◼ slice

• 특정 요소를 배열에서 잘라내는/떼어내는 메서드
• 원본 배열의 변화가 없다.
• 배열명.slice(시작인덱스,끝인덱스) 형태로 작성한다.
• 시작인덱스 부터 끝인덱스-1 에 해당되는 요소를 잘라낸다.

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

위와 같이 slice 메서드를 사용하면 0번째 인덱스 부터 2번째 인덱스의 -1에 해당되는 1번째 인덱스까지 slice된다.

console.log(sliced);
console.log(numbers);

따라서 출력코드를 실행해보면 각각 [10, 20] [10, 20, 30, 40]이 출력되는 것을 확인할 수 있다.

◼ 요약

• splice : 원본 바뀜 / (시작인덱스,n)/ 시작인덱스부터 n개 제거
• slice : 원본 유지 / (시작인덱스,끝인덱스) / 시작인덱스부터 끝인덱스 -1까지 잘라내기