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
- JavaScript Array find() 함수
- JavaScript Array splice() 함수
- JavaScript의 contains() 함수
- JavaScript sort() 함수, 예제 소개
- JavaScript - Set 생성 및 초기화
- JavaScript Set add() 함수
- JavaScript Set clear() 함수, 모든 값 제거
- JavaScript Set delete() 함수, 값 제거
- JavaScript Set has() 함수 (값 존재 여부 확인)
- JavaScript String split() 함수
- JavaScript - 경과 시간 계산 (Elapsed time)
- JavaScript - 실행 시간 측정 방법
- JavaScript - 날짜, 시간 포맷 (Date format)
- JavaScript - slice()로 배열 자르기, 나누기
- Node.js - 파일에 특정 문자열이 포함되어있는지 확인
- Node.js - 특정 패턴과 일치하는 모든 파일 찾기
- Node.js - 디렉토리의 파일 리스트 가져오기
- Node.js - 파일, 디렉토리(하위 파일) 삭제
- Node.js - 파일 이름 변경
- JavaScript - switch 조건문
- JavaScript - 배열의 특정 요소 찾기, Index 찾기
- JavaScript - 특정 값으로 배열 채우기, Array.fill()
- JavaScript - 배열을 객체로 변환, 4가지 방법
- JavaScript - 이번 달(특정 달)의 1일, 마지막 일 구하기
- JavaScript - 배열 요소 삭제 방법
- JavaScript - null, undefined 체크 방법
- JavaScript - 배열에 특정 값이 포함되어있는지 확인
- JavaScript - 변수가 배열인지 확인, 3가지 방법
- JavaScript - 배열에서 빈 값, undefined, null 제거하기
- JavaScript - Date에 시간(일/시/분/초) 더하기
- JavaScript - Map의 key를 배열로 변환
- JavaScript - Map의 value를 배열로 변환
- JavaScript - Map 요소 삭제 방법
- JavaScript - Map 생성 및 초기화, 3가지 방법
- JavaScript - Map 순회, 3가지 방법