[TIL] 배열 메서드 : splice()
👀Today I Learn
splice()
splice()
는 JavaScript 배열에서 추가, 삭제, 교체를 모두 할 수 있는 강력한 메서드array.splice(start, deleteCount, item1, item2, ..., itemN);
start
: 변경을 시작할 인덱스 (0부터 시작)deleteCount
: 제거할 요소의 개수item1
,item2
, …: 추가할 요소들 (생략 가능)
1. 배열 요소 삭제
let arr = [1, 2, 3, 4, 5];
arr.splice(2, 2); // 인덱스 2부터 2개 삭제
console.log(arr); // [1, 2, 5]
2
번 인덱스부터2
개의 요소(3, 4)를 삭제
2. 배열 요소 추가
let arr = [1, 2, 5];
arr.splice(2, 0, 3, 4); // 인덱스 2에 3, 4 추가 (삭제 없이)
console.log(arr); // [1, 2, 3, 4, 5]
deleteCount
를0
으로 주면 삭제 없이 삽입만 가능
3. 배열 요소 교체 (덮어쓰기)
let arr = [1, 2, 3, 4, 5];
arr.splice(1, 2, 20, 30); // 1번부터 2개 삭제하고 20, 30으로 교체
console.log(arr); // [1, 20, 30, 4, 5]
- 기존 요소를 삭제하고 새로운 요소로 교체
4. 반환값
let arr = ["a", "b", "c", "d"];
let removed = arr.splice(1, 2);
console.log(removed); // ['b', 'c']
console.log(arr); // ['a', 'd']
splice()
는 삭제된 요소들을 배열로 반환
정리
기능 | 설명 | 사용 예시 |
---|---|---|
삭제 | splice(start, count) |
arr.splice(2, 1) |
추가 | splice(start, 0, item) |
arr.splice(1, 0, 'new') |
교체 | splice(start, count, item) |
arr.splice(2, 1, 'change') |
🎯 Today’s Goals
- JavaScript 코드카타 1문제
- JavaScript 함수 공부
- TIL 작성
💡Today I Thought
함수로 된 코드카타는 처음 풀어봐서 조금 해맸다. 처음 써보는 메서드도 공부해야 했구.. 예전에 파이썬 공부할 때랑 비슷한 느낌이다. 이렇게 하다보면 나중에는 파이썬처럼 조금 덜 찾아보고 문제 풀 수 있지 않을까?
면접 준비도 해야해서 내일이랑 모레는 파이썬 알고리즘을 다시 공부하고 문제를 많이 풀어봐야겠다. 제발 면접 합격하길..🥲
댓글남기기