DevSSOM

javaScript - 배열 데이터 수정하기 splice() 본문

JavaScript/기초

javaScript - 배열 데이터 수정하기 splice()

데브쏨 2021. 7. 20. 03:49
반응형

.splice()

splice 메소드는 배열의 기존 데이터를 다른 데이터로 교체하거나, 추가, 삭제해서 배열 데이터의 내용을 변경함.

배열.splice(시작인덱스[, 제거할 개수[, 추가할 요소1[, 추가할 요소2[, ... ]]]) 형태로 작성하고, 제거한 요소를 담은 배열을 반환함. 예를 들어, 하나의 요소만 제거한 경우, 길이가 1인 배열을 반환. 어떠한 값도 제거하지 않으면 빈 배열을 반환.

 

ex. 제거는 안하고, 2번 인덱스에 "banana"를 추가할 경우

var fruit = ["apple", "watermelon", "orange", "strawberry"];
var removed = fruit.splice(2, 0, "banana");

// removed는 [] 아무것도 없는 빈 배열
// 수정된 fruit 배열은 ["apple", "watermelon", "banana", "orange", "strawberry"]

ex. 3번 인덱스에서 하나를 제거하는 경우

var fruit = ["apple", "watermelon", "orange", "strawberry"];
var removed = fruit.splice(3, 1);

// removed = ["strawberry"]
// 수정된 fruit 배열은 ["apple", "watermelon", "banana", "orange"]

ex. 0번 인덱스에서 두 개를 제거하고 "banana", "pineapple", "blueberry"를 추가하는 경우

var fruit = ["apple", "watermelon", "orange", "strawberry"];
var removed = fruit.splice(0, 2, "banana", "pineapple", "blueberry");

// removed = ["apple", "watermelon"]
// 수정된 fruit 배열은 ["banana", "pineapple", "orange", "strawberry"]

ex. 2번 인덱스를 포함해서 이후의 모든 요소를 제거하는 경우

var fruit = ["apple", "watermelon", "orange", "strawberry"];
var removed = fruit.splice(2);

// removed = ["orange", "strawberry"]
// 수정된 fruit 배열은 ["apple", "watermelon"]

 

 

 

출처:

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/splice

 

728x90
반응형
댓글