> 웹 프론트엔드 > JS 튜토리얼 > JS 배열 학습: 모든 요소를 ​​지우는 4가지 방법(자세한 코드 설명)

JS 배열 학습: 모든 요소를 ​​지우는 4가지 방법(자세한 코드 설명)

青灯夜游
풀어 주다: 2021-08-03 09:05:40
원래의
8860명이 탐색했습니다.

배열은 JavaScript에서 매우 일반적이고 중요한 데이터 유형이며, 배열 요소를 삭제하는 것은 일반적인 배열 작업입니다. JavaScript에는 배열 요소를 삭제하는 기능이 많이 내장되어 있으므로 배열 요소를 삭제하는 것은 어렵지 않습니다. 그렇다면 배열 요소 삭제, 즉 배열 지우기의 고급 버전을 구현하는 방법은 무엇입니까? 오늘은 JS 배열의 모든 요소를 ​​지우는 방법을 배웁니다.

이 기사에서는 JS에서 배열을 지우는 4가지 방법을 소개하고 코드 예제를 사용하여 배열을 지우는 방법(배열의 모든 요소 삭제)을 살펴보겠습니다.

[추천 학습: javascript 고급 튜토리얼]

방법 1: 빈 배열 []를 직접 할당[]

var arr=new Array("香蕉","苹果","梨子","橙子","橘子","榴莲");
console.log(arr);
arr=[];
console.log(arr);
로그인 후 복사

输出结果:

JS 배열 학습: 모든 요소를 ​​지우는 4가지 방법(자세한 코드 설명)

这种方法并不是严格意义的清空数组,只是将arr重新赋值为空数组。

方法2:利用length属性将数组长度设置为0

length属性可设置或返回数组长度。当length属性的值小于数组本身的长度,数组中后面的元素将被截断;如果length属性的值为0,则可以清空整个数组。

var arr=new Array("香蕉","苹果","梨子","橙子","橘子","榴莲");
console.log(arr);
arr.length=0;
console.log(arr);
로그인 후 복사

输出结果:

JS 배열 학습: 모든 요소를 ​​지우는 4가지 방법(자세한 코드 설명)

当length属性的值大于本身的长度,将扩展数组长度,多的元素为undefined。

方法3:使用splice()删除全部数组元素

使用splice()方法可以删除指定下标位置后一个或多个数组元素。只需要指定splice()方法从第一个数组元素开始,需要删除元素的个数为arr.length

var arr=new Array("香蕉","苹果","梨子","橙子","橘子","榴莲");
console.log(arr);
arr.splice(0,arr.length);
console.log(arr);
로그인 후 복사

출력 결과:

JS 배열 학습: 모든 요소를 ​​지우는 4가지 방법(자세한 코드 설명)JS 배열 학습: 모든 요소를 ​​지우는 4가지 방법(자세한 코드 설명)

이 방법은 엄격하게 배열을 지우는 것이 아니라 재할당하는 방법입니다. 빈 배열에 도착합니다.

방법 2: 길이 속성을 사용하여 배열 길이를 0

으로 설정합니다. 길이 속성은 배열 길이를 설정하거나 반환할 수 있습니다. 길이 속성의 값이 배열 자체의 길이보다 작으면 배열의 후속 요소가 잘립니다. 길이 속성의 값이 0이면 전체 배열을 지울 수 있습니다.

var arr=new Array("香蕉","苹果","梨子","橙子","橘子","榴莲");
console.log(arr);
for(var i=0;i<=arr.length;i++){
delete arr[i];
}
console.log(arr);
로그인 후 복사
출력 결과:

JS 배열 학습: 모든 요소를 ​​지우는 4가지 방법(자세한 코드 설명)

JS 배열 학습: 모든 요소를 ​​지우는 4가지 방법(자세한 코드 설명)길이 속성의 값이 자체 길이보다 큰 경우 배열 길이가 확장되고 나머지 요소는 정의되지 않습니다.

방법 3: splice()를 사용하여 모든 배열 요소를 삭제합니다.

🎜splice() 메서드를 사용하여 지정된 아래 첨자 위치 뒤에 있는 하나 이상의 배열 요소를 삭제합니다. 첫 번째 배열 요소부터 시작하려면 splice() 메서드를 지정하기만 하면 되며, 배열을 지우려면 삭제할 요소 수는 arr.length입니다. 🎜rrreee🎜출력 결과: 🎜🎜🎜🎜🎜🎜방법 4: 삭제 연산자 사용 🎜🎜🎜delete 연산자를 사용하면 지정된 첨자가 있는 배열 요소를 삭제할 수 있습니다. 삭제된 요소는 빈 요소이며 삭제된 배열의 길이는 그대로 유지됩니다. 변하지 않은. 🎜🎜배열을 지우려면 삭제 연산자와 루프 문을 사용하세요🎜rrreee🎜출력 결과: 🎜🎜🎜🎜🎜더 많은 프로그래밍 관련 지식을 보려면 🎜프로그래밍 소개🎜를 방문하세요! ! 🎜

위 내용은 JS 배열 학습: 모든 요소를 ​​지우는 4가지 방법(자세한 코드 설명)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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