라이브러리
[JAVASCRIPT] arr.splice(start, deleteCount, item1, item2, …) - 배열의 특정 위치에서 요소 추가/제거
splice() 메서드
`splice()` 메서드는 배열에서 특정 요소를 삭제하거나 추가하는 메서드입니다. 이 메서드는 배열의 원본을 변경합니다.
# syntax
`arr.splice(start, deleteCount, item1, item2, …)`
- `start`: 삭제 또는 추가를 시작할 인덱스입니다.
- `deleteCount`: 삭제할 요소의 수입니다.
- `item1, item2, …`: 추가할 요소입니다.
# 예제
#hostingforum.kr
javascript
let arr = [1, 2, 3, 4, 5];
// 2번 인덱스부터 2개의 요소를 삭제합니다.
arr.splice(2, 2);
console.log(arr); // [1, 2, 5]
// 2번 인덱스부터 2개의 요소를 삭제하고, 10, 20을 추가합니다.
arr.splice(2, 2, 10, 20);
console.log(arr); // [1, 2, 10, 20]
// 0번 인덱스부터 1개의 요소를 삭제하고, 100을 추가합니다.
arr.splice(0, 1, 100);
console.log(arr); // [100, 2, 10, 20]
// 0번 인덱스부터 0개의 요소를 삭제하고, 100을 추가합니다.
arr.splice(0, 0, 100);
console.log(arr); // [100, 2, 10, 20]
# 주의사항
- `start` 인덱스는 0부터 시작합니다.
- `deleteCount`가 0인 경우, 추가할 요소만 삽입됩니다.
- `deleteCount`가 0보다 큰 경우, 해당 수만큼 요소가 삭제됩니다.
- `start` 인덱스보다 `deleteCount`가 큰 경우, 해당 수만큼 요소가 삭제됩니다.
# 실무 예시
#hostingforum.kr
javascript
let students = [
{ id: 1, name: 'John' },
{ id: 2, name: 'Jane' },
{ id: 3, name: 'Bob' },
{ id: 4, name: 'Alice' },
];
// 2번 인덱스부터 1개의 요소를 삭제합니다.
students.splice(2, 1);
console.log(students); // [{ id: 1, name: 'John' }, { id: 2, name: 'Jane' }, { id: 4, name: 'Alice' }]
// 0번 인덱스부터 1개의 요소를 삭제하고, { id: 5, name: 'Charlie' }를 추가합니다.
students.splice(0, 1, { id: 5, name: 'Charlie' });
console.log(students); // [{ id: 5, name: 'Charlie' }, { id: 2, name: 'Jane' }, { id: 4, name: 'Alice' }]
이 예시에서는 `splice()` 메서드를 사용하여 학생 목록에서 특정 학생을 삭제하거나 추가하는 방법을 보여줍니다.
댓글목록
등록된 댓글이 없습니다.