JavaScript 배열에서 요소 추가, 삭제 및 교체: splice 함수 사용법

JavaScript에서 배열은 데이터를 효과적으로 관리하는 중요한 데이터 구조 중 하나입니다. 배열의 요소를 조작하려면 내장 함수 중 하나인 splice를 사용할 수 있습니다. splice 함수는 배열의 특정 위치에서 요소를 추가, 삭제 또는 교체할 수 있는 강력한 도구입니다. 이 함수를 사용하여 배열을 다양한 방식으로 변형할 수 있으며, 이 글에서는 splice 함수의 사용법을 자세히 살펴보겠습니다.

 

1. 요소 삭제

splice 함수를 사용하여 배열에서 요소를 삭제하는 방법을 알아보겠습니다. 예를 들어, 다음과 같은 배열이 있다고 가정해 봅시다.

var fruits = ["사과", "바나나", "체리", "딸기"];

이 배열에서 "바나나"와 "체리"를 삭제하려면 다음과 같이 splice 함수를 사용할 수 있습니다.

fruits.splice(1, 2); // 인덱스 1에서부터 2개의 요소를 제거

이렇게 하면 "바나나"와 "체리"가 삭제되고, 배열은 다음과 같이 변경됩니다.

console.log(fruits); // ["사과", "딸기"]

2. 요소 추가 및 교체

splice 함수를 사용하여 배열에서 요소를 추가하고 교체하는 방법도 알아보겠습니다. 예를 들어, 다음과 같은 배열이 있다고 가정해 봅시다.

var colors = ["빨강", "노랑", "파랑"];

이 배열에서 "노랑"을 제거하고, "초록"과 "주황"을 추가하여 배열을 다음과 같이 변경하려면 다음과 같이 splice 함수를 사용할 수 있습니다.

colors.splice(1, 1, "초록", "주황");

이렇게 하면 "노랑"이 제거되고, "초록"과 "주황"이 추가된 배열은 다음과 같이 변경됩니다.

console.log(colors); // ["빨강", "초록", "주황", "파랑"]

splice 함수를 사용하면 배열을 동적으로 조작할 수 있어, 데이터를 효율적으로 관리하고 필요에 따라 요소를 추가, 삭제 또는 교체할 수 있습니다. 이것은 JavaScript 개발에서 매우 유용한 기능 중 하나입니다.