JavaScript Array splice() 함수

Javascriptarray

splice() 함수로 배열의 값을 제거하거나 추가하는 방법과 예제를 소개합니다.

1. Syntax

splice()는 배열에서 특정 Index의 요소를 제거하고 새로운 요소를 추가하는 함수입니다.

  • start : 삭제/추가하려는 배열의 index
  • deleteCount : 삭제하려는 요소의 개수
  • itemN : 추가하려는 요소
splice(start, deleteCount, item1, item2, ..., itemX)

2. 배열에 새로운 요소만 추가

아래 예제는 배열의 Index 1에 2개의 요소만 추가합니다. deleteCount가 0이기 때문에 요소를 삭제하진 않습니다.

const fruits = ["Banana", "Kiwi", "Apple", "Melon"];

fruits.splice(1, 0, "Peach", "Orange");
console.log(fruits)

Output:

[ 'Banana', 'Peach', 'Orange', 'Kiwi', 'Apple', 'Melon' ]

3. 배열에서 요소 삭제 및 추가

아래 예제는 배열의 Index 1부터 2개의 요소를 삭제하고, 2개의 요소를 배열에 추가합니다.

const fruits = ["Banana", "Kiwi", "Apple", "Melon"];

fruits.splice(1, 2, "Peach", "Orange");
console.log(fruits)

Output:

[ 'Banana', 'Peach', 'Orange', 'Melon' ]

4. 배열에서 요소만 삭제

아래 예제는 배열의 Index 2부터 2개의 요소만 삭제합니다. 새로운 요소를 추가하진 않습니다.

const fruits = ["Banana", "Kiwi", "Apple", "Melon"];

fruits.splice(1, 2);
console.log(fruits)

Output:

[ 'Banana', 'Melon' ]
Loading script...

Related Posts

codechachaCopyright ©2019 codechacha