javascript | splice 메소드

2024. 6. 1. 21:43·TIL/javascript

자바스크립트에서 splice()는 배열의 요소를 추가, 제거하거나 교체할 때 유용하게 쓰이는 메소드이다.

array.splice(start, deleteCount, [item1, item2, ...])
  • start: 시작 인덱스
    • 음수인 경우 배열의 끝에서부터 세어나감
    • 배열의 길이보다 큰 경우 0으로 간주
  • deleteCount: 제거할 요소의 개수
    • 0이면 제거되지 않음
    • 생략하면 배열의 끝까지로 간주
  • item1, item2, ...: 배열에 추가할 요소
    • 지정하지 않으면 삭제 기능만 수행

 

1. 요소 삭제

2번 인덱스에서부터 2개의 요소를 삭제한다.

** splice 메소드는 삭제된 요소를 반환한다.

let array = ['a', 'b', 'c', 'd', 'e'];
let removed = array.splice(2, 2); 
console.log(array); // 삭제 후 배열 ['a', 'b', 'e']
console.log(removed); // 삭제된 요소 ['c', 'd']

 

start 값이 음수인 경우에는 뒤에서부터 2번째 요소(=d)가 시작값이 된다.

let array = ['a', 'b', 'c', 'd', 'e'];
array.splice(-2, 2); 
console.log(array); // ['a', 'b', 'c']

 

 

2. 요소 추가

2번째 인덱스에 'x', 'y'를 추가한다.

let array = ['a', 'b', 'c', 'd', 'e'];
array.splice(2, 0, 'x', 'y'); 
console.log(array); // 추가된 배열 ['a', 'b', 'x', 'y', 'c', 'd', 'e']

 

 

3. 요소 교체

2번째 인덱스부터 2개의 요소를 'x', 'y'로 교체한다.

let array = ['a', 'b', 'c', 'd', 'e'];
array.splice(2, 2, 'x', 'y'); 
console.log(array); // ['a', 'b', 'x', 'y', 'e']

 

 

 

프로그래머스

코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.

programmers.co.kr

 

저작자표시 (새창열림)
'TIL/javascript' 카테고리의 다른 글
  • javascript | 문자열 반복 repeat()
  • javascript | sort 함수의 Compare Function(비교 함수)
dduniverse
dduniverse
  • dduniverse
    dduniverse
    dduniverse
  • 전체
    오늘
    어제
    • 분류 전체보기 (244)
      • Algorithm (123)
        • 알고리즘 이론 (8)
        • 백준 (19)
        • 프로그래머스 (83)
        • 구름 알고리즘 먼데이 챌린지 (13)
      • 빅데이터분석기사 (10)
        • 통계 (4)
        • 실기 (6)
      • KT에이블스쿨 (26)
      • FrontEnd (11)
        • React (5)
        • 기타 (6)
      • BackEnd (18)
        • Django (15)
        • Spring (3)
      • DS & ML (11)
        • Machine Learning (9)
        • Kaggle (2)
      • TIL (45)
        • python (22)
        • javascript (3)
        • 오류해결 (10)
        • 기타 (9)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
    • 관리
    • 글쓰기
  • 링크

  • 인기 글

  • hELLO· Designed By정상우.v4.10.0
dduniverse
javascript | splice 메소드
상단으로

티스토리툴바