✏️ Javascript

slice()와 splice()

category
✏️ Javascript
date
thumbnail
slug
slice와-splice
author
status
Public
tags
summary
type
Post

slice

arr.slice(start, end);
기존 배열에서 특정 범위를 잘라 새로운 배열을 반환. (start 인덱스 ~ end-1 인덱스)
이때 원본 배열은 수정되지 않는다.
const arr = [1, 2, 3];
const sliced = arr.slice(0, 2);

console.log(arr); // [1, 2, 3]
console.log(sliced); // [1, 2]
 
slice 메서드에서 start만 전달하고 end를 전달하지 않으면, start부터 배열 끝까지 잘라낸 새 배열을 반환한다.
const arr = [1, 2, 3];
const sliced = arr.slice(1);

console.log(sliced); // [2, 3]

splice

array.splice(start, 제거할 요소의 수, 추가할 요소)
배열의 기존 요소를 삭제 또는 교체하거나 새 요소를 추가하여 기존 배열의 내용을 변경
const months = ['Jan', 'March', 'April', 'June'];

months.splice(1, 0, 'Feb');
console.log(months); //["Jan", "Feb", "March", "April", "June"]

months.splice(4, 1, 'May');
console.log(months); // ["Jan", "Feb", "March", "April", "May"]
 

참고