배열에서 요소 삭제 또는 추가 => splice

avaScript의 splice() 메소드는 배열의 원본을 수정하며, 배열에서 요소를 추가, 삭제 또는 교체할 수 있습니다. splice() 메소드는 세 개의 매개변수를 가집니다.

 

array.splice(startIndex, deleteCount, item1, item2, ...)

• startIndex: 변경할 시작 인덱스를 나타냅니다. 0부터 시작하며, 음수를 사용하면 배열의 끝에서부터 요소를 셀 수 있습니다.
• deleteCount: 제거할 요소의 수를 나타냅니다. 0이면 삭제하지 않습니다.
• item1, item2, ...: 추가할 요소를 나타냅니다. 필수적으로 넣지 않아도 됩니다.

splice() 메소드는 원본 배열을 변경하고, 변경된 배열을 반환합니다. 이를 사용하여 요소를 추가, 삭제 또는 교체할 수 있습니다.

 

요소 추가

const array = ['apple', 'banana', 'cherry'];

// 1번 인덱스 뒤에 'orange' 추가
array.splice(1, 0, 'orange');
// ['apple', 'orange', 'banana', 'cherry']

// 2번 인덱스 뒤에 'lemon', 'grape' 추가
array.splice(2, 0, 'lemon', 'grape');
// ['apple', 'orange', 'lemon', 'grape', 'banana', 'cherry']

 

요소 삭제

const array = ['apple', 'banana', 'cherry'];

// 1번 인덱스부터 1개의 요소 삭제
array.splice(1, 1);
// ['apple', 'cherry']

// 0번 인덱스부터 2개의 요소 삭제
array.splice(0, 2);
// ['cherry']

 

요소 교체

const array = ['apple', 'banana', 'cherry'];

// 1번 인덱스의 요소를 'orange'로 교체
array.splice(1, 1, 'orange');
// ['apple', 'orange', 'cherry']

// 0번 인덱스부터 2개의 요소를 'lemon', 'grape'로 교체
array.splice(0, 2, 'lemon', 'grape');
// ['lemon', 'grape', 'cherry']