> 웹 프론트엔드 > JS 튜토리얼 > JavaScript에서 배열 요소를 삭제하는 방법

JavaScript에서 배열 요소를 삭제하는 방법

百草
풀어 주다: 2023-12-07 11:16:55
원래의
1066명이 탐색했습니다.

JavaScript에서 배열 요소를 삭제하는 방법: 1. splice() 메서드, 2. filter() 메서드, 3. 키워드 삭제, pop() 및 Shift() 메서드. 자세한 소개: 1. splice() 메소드는 배열의 요소를 추가하고 삭제하는 데 사용됩니다. 이를 통해 삭제된 요소의 인덱스와 삭제할 요소 수를 지정할 수 있습니다. 2. filter() 메소드는 다음을 생성합니다. 새로운 배열. 조건 등을 충족하는 지정된 배열의 모든 요소를 ​​확인하여 배열의 요소를 확인합니다.

JavaScript에서 배열 요소를 삭제하는 방법

JavaScript에는 배열 요소를 삭제하는 방법이 여러 가지 있습니다. 다음은 일반적으로 사용되는 몇 가지 방법입니다.

1. splice() 방법

splice() 방법은 배열의 요소를 추가/제거하는 데 사용됩니다. 이를 통해 삭제된 요소의 인덱스와 삭제할 요소 수를 지정할 수 있습니다.

예를 들어 배열의 시작 부분에서 요소를 제거하려면 다음을 수행합니다.

let arr = [1, 2, 3, 4, 5];  
arr.splice(0, 1); // 删除索引为0的元素,即1  
console.log(arr); // 输出:[2, 3, 4, 5]
로그인 후 복사

두 번째 인수를 제공하지 않으면 splice()는 지정된 인덱스에서 배열 끝까지 모든 요소를 ​​제거합니다. .

let arr = [1, 2, 3, 4, 5];  
arr.splice(2); // 删除索引为2到数组末尾的所有元素,即3, 4, 5  
console.log(arr); // 输出:[1, 2]
로그인 후 복사

2.filter() 메소드

filter() 메소드는 새 배열의 요소를 조건을 충족하는 지정된 배열의 모든 요소를 ​​확인하여 확인합니다. 이는 이를 사용하여 배열에서 원하지 않는 요소를 제거할 수 있음을 의미합니다.

예를 들어 배열의 모든 짝수를 삭제하려면 다음을 수행하세요.

let arr = [1, 2, 3, 4, 5];  
arr = arr.filter(num => num % 2 !== 0); // 只保留奇数  
console.log(arr); // 输出:[1, 3, 5]
로그인 후 복사

3. 삭제 키워드

배열의 요소를 삭제하려면 삭제 키워드를 사용할 수 있습니다. 그러나 삭제는 배열의 길이를 변경하지 않고 다음 요소만 앞으로 이동한다는 점에 유의하세요.

예:

let arr = [1, 2, 3, 4, 5];  
delete arr[1]; // 删除索引为1的元素,即2  
console.log(arr); // 输出:[1, undefined, 3, 4, 5],注意2后面的元素都向前移动了一位
로그인 후 복사

4, pop() 및 Shift() 메서드

pop() 메서드는 배열의 마지막 요소를 삭제하고 반환하는 데 사용되는 반면, Shift() 메서드는 삭제하는 데 사용됩니다. 배열 요소의 첫 번째 요소를 반환합니다. 두 방법 모두 배열의 길이를 변경합니다.

예:

let arr = [1, 2, 3, 4, 5];  
arr.pop(); // 删除并返回数组的最后一个元素,即5  
console.log(arr); // 输出:[1, 2, 3, 4]
로그인 후 복사

및:

let arr = [1, 2, 3, 4, 5];  
arr.shift(); // 删除并返回数组的第一个元素,即1  
console.log(arr); // 输出:[2, 3, 4, 5]
로그인 후 복사

이는 JavaScript에서 배열 요소를 제거하는 일반적인 방법입니다. 귀하의 특정한 필요와 상황에 따라 귀하에게 가장 적합한 방법을 선택할 수 있습니다.

위 내용은 JavaScript에서 배열 요소를 삭제하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿