JavaScript Array toSpliced()

정의와 사용법

toSpliced() 메서드는 배열 요소를 추가하고/또는 제거합니다.

toSpliced() 메서드는 새 배열을 반환합니다.

toSpliced() 메서드는 원본 배열을 변경하지 않습니다.

toSpliced() 메서드는 splice() 메서드의 복사 버전

추가 정보:

Array splice() 메서드

Array slice() 메서드

예제

예제 1

// 배열을 생성
const fruits = ["Banana", "Orange", "Apple", "Mango"];
// 위치 2에서 "Lemon"과 "Kiwi"를 추가
const fruits2 = fruits.toSpliced(2, 0, "Lemon", "Kiwi");

직접 테스트해 보세요

예제 2

// 배열을 생성
const fruits = ["Banana", "Orange", "Apple", "Mango"];
// 위치 2에서 2개의 요소를 제거
const fruits2 = fruits.toSpliced(2, 2);

직접 테스트해 보세요

예제 3

// 배열을 생성
const fruits = ["Banana", "Orange", "Apple", "Mango"];
// 위치 2에서 1개의 요소를 제거하고 "Lemon"과 "Kiwi"를 추가
const fruits2 = fruits.toSpliced(2, 1, "Lemon", "Kiwi");

직접 테스트해 보세요

문법

array.toSpliced(index, count, item1, ....., itemX)

파라미터

파라미터 설명
index

필수 사항. 추가하거나 제거할 요소의 인덱스(위치)

부정적 값은 배열의 끝에서부터 계산됩니다.

count 선택 사항. 제거할 요소의 개수
item1,... 선택 사항. 추가할 새 요소

반환 값

타입 설명
Array 변경된 내용을 포함한 새 배열

브라우저 지원

toSpliced() ES2023의 기능입니다.

2023년 7월부터 모든 현대 브라우저가 이 메서드를 지원합니다:

Chrome Edge Firefox Safari Opera
Chrome 110 Edge 110 Firefox 115 Safari 16.4 Opera 96
2023년 2월 2023년 2월 2023년 7월 2023년 3월 2023년 5월