본문 바로가기
자바스크립트

[JAVASCRIPT] 배열(Array)에서 특정값 삭제하기 - splice()

by jaewooojung 2019. 8. 4.

JAVASCRIPT


splice

자바스크립트의 splice() 메서드를 활용해서 배열의 특정값을 삭제하는 방법입니다.

 

구문

array.splice(start, deleteCount, item1, item2, ...)

 

start 변경을 시작할 배열의 인덱스.
deleteCount 배열에서 제거할 요소의 개수
item (optional)배열에 추가할 요소

 

const fruits = ['Apple', 'Banana', 'Orange', 'Mango', 'Grape'];

const index = fruits.indexOf('Orange');
if (index !== -1) {
    fruits.splice(index, 1);
}

console.log(fruits); // 결과: ['Apple', 'Banana', 'Mango', 'Grape']

 

1. 인덱스 찾기

splice로 배열에서 특정 값을 삭제하려면 먼저 해당 값의 인덱스를 알아야 합니다.

indexOf() 메서드를 사용해서 특정값의 인덱스를 확인합니다.

 

2. splice로 삭제

fruits.splice(index, 1);

fruit 배열의 index부터 시작해서 1개를 삭제. 즉, 해당 index를 삭제합니다.

 

결과적으로 Orange가 배열에서 제거됩니다.

 


MDN - javascript array indexOf()

 

Array.prototype.indexOf() - JavaScript | MDN

Array 인스턴스의 indexOf() 메서드는 배열에서 주어진 요소를 찾을 수 있는 첫 번째 인덱스를 반환하고, 찾을 수 없는 경우 -1을 반환합니다.

developer.mozilla.org

MDN - javascript array splice()

 

Array.prototype.splice() - JavaScript | MDN

splice() 메서드는 배열의 기존 요소를 삭제 또는 교체하거나 새 요소를 추가하여 배열의 내용을 변경합니다.

developer.mozilla.org

 



        
답변을 생성하고 있어요.