자바스크립트 배열의 모든 요소, 또는 특정 구간의 요소들을 삭제하기
자바스크립트에서 배열을 다룰 때, 배열의 요소를 삭제하는 일은 자주 발생합니다. 이번 블로그 포스트에서는 자바스크립트 배열에서 모든 요소를 삭제하는 방법과 특정 구간의 요소들을 삭제하는 방법에 대해 알아보겠습니다.
1. 자바스크립트 배열에서 모든 요소 삭제하기
자바스크립트 배열에서 모든 요소를 삭제하는 가장 간단한 방법은 배열의 length
속성을 0으로 설정하는 것입니다. 이렇게 하면 배열의 길이가 0으로 설정되어 모든 요소가 삭제됩니다.
const myArray = [1, 2, 3, 4, 5];
myArray.length = 0;
console.log(myArray); // []
위 예제에서 myArray
배열의 length
속성을 0으로 설정함으로써 모든 요소가 삭제되었습니다.
2. 자바스크립트 배열에서 특정 구간의 요소 삭제하기
특정 구간의 요소들을 삭제하기 위해서는 splice()
함수를 사용할 수 있습니다. splice()
함수는 배열의 특정 인덱스에서 시작하여 지정된 개수의 요소를 삭제하고, 필요에 따라 다른 요소를 배열에 추가할 수 있습니다.
const myArray = [1, 2, 3, 4, 5];
myArray.splice(2, 3); // 인덱스 2부터 3개의 요소 삭제
console.log(myArray); // [1, 2]
위 예제에서 myArray
배열에서 splice()
함수를 사용하여 인덱스 2부터 3개의 요소를 삭제했습니다. 따라서 배열에는 [1, 2]만 남게 됩니다.
splice()
함수에 전달하는 첫 번째 매개변수는 삭제를 시작할 인덱스이고, 두 번째 매개변수는 삭제할 요소의 개수입니다. 선택적으로 세 번째 이후의 매개변수로 삭제된 자리에 추가할 요소를 전달할 수 있습니다.
자바스크립트 배열에서 모든 요소를 삭제하거나 특정 구간의 요소들을 삭제하는 방법을 알아보았습니다. 이러한 기능은 배열을 다룰 때 자주 사용되므로, 익숙해지면 유용하게 활용할 수 있습니다.