머리 또는 꼬리 요소를 제거하는 방법을 학습하는 JS 배열

青灯夜游
풀어 주다: 2021-11-24 14:19:05
원래의
6510명이 탐색했습니다.

이전 글에서 "JS 배열 학습: 헤드 또는 테일에 요소를 삽입하는 방법은 무엇입니까? 》에서는 배열의 시작과 끝 부분에 요소를 추가하는 방법을 소개했습니다. 이제 요소를 추가하는 방법을 알았으니 해당 삭제 작업도 알아야 합니다. 오늘은 JS를 사용하여 배열의 헤드 또는 테일에서 요소를 제거하는 방법을 알아 보겠습니다.

먼저 살펴보겠습니다배열의 선두에 있는 요소를 삭제하는 방법은 무엇인가요?

JavaScript에서는 Shift() 함수를 사용하여 배열 시작 부분의 요소를 삭제할 수 있습니다. array.shift() 함수는 배열의 첫 번째 요소를 삭제하고 첫 번째 요소의 값을 반환한 다음 나머지 모든 요소를 ​​한 위치씩 앞으로 이동하여 배열의 선두를 채울 수 있습니다. array.shift()函数可以把数组的第一个元素从其中删除,并返回第一个元素的值;然后将余下所有元素前移 1 位,以填补数组头部的空缺。

我们通过下面的例子来具体看看:

var a = [1,2,3,4,5,6,7,8];  //定义数组
a.shift();
console.log(a);
로그인 후 복사

输出结果为:

머리 또는 꼬리 요소를 제거하는 방법을 학습하는 JS 배열

可以看出:上例使用a.shift()来删除a数组开头的数值1,然后会重置索引(重新从0开始);且shift()方法会改变原数组,修改数组的长度!因此使用console.log(a)来输出原数组,显示的是已经被删除开头元素的数组。

删除数组头部元素的方法我们了解了,接下来我们看看如何删除数组尾部的元素?

删除数组尾部元素可以有多种方法,这里会给大家介绍两种:一种是使用pop()方法;另一种利用length属性。

1、使用pop()方法----可以删除数组末尾的一个元素

array.pop()方法可以删除数组 array 中最后一个元素,并返回被删除的元素。

我们通过下面的例子来具体看看:

var a = [1,2,3,4,5,6,7,8];  //定义数组
a.pop();
console.log(a)
로그인 후 복사

输出结果为:

머리 또는 꼬리 요소를 제거하는 방법을 학습하는 JS 배열

可以看出:上例使用a.pop()

다음 예를 자세히 살펴보겠습니다.

var a = [1,2,3,4,5,6,7,8];  //定义数组
a.length=7;
console.log(a)

var a = [1,2,3,4,5,6,7,8];  //定义数组
a.length=6;
console.log(a)

var a = [1,2,3,4,5,6,7,8];  //定义数组
a.length=3;
console.log(a)

var a = [1,2,3,4,5,6,7,8];  //定义数组
a.length=0;
console.log(a)
로그인 후 복사
출력 결과는 다음과 같습니다. 머리 또는 꼬리 요소를 제거하는 방법을 학습하는 JS 배열

위의 예에서는 a.shift()를 사용하여 a 배열의 시작 부분에 있는 값 1을 삭제한 후 다시 설정하는 것을 볼 수 있습니다. index (다시 0부터 시작) ;shift() 메소드는 원래 배열을 변경하고 배열의 길이를 수정합니다! 따라서 console.log(a)를 사용하여 첫 번째 요소가 삭제된 배열을 표시하는 원본 배열을 출력하세요.

배열의 선두에 있는 요소를 삭제하는 방법을 알았습니다. 다음으로

배열의 꼬리에 있는 요소를 삭제하는 방법을 살펴보겠습니다.

배열의 꼬리 요소를 삭제하는 방법에는 여러 가지가 있습니다. 여기서는 두 가지 방법을 소개합니다. 하나는 pop() 메서드를 사용하는 것이고, 다른 하나는 길이 속성을 사용하는 것입니다.

머리 또는 꼬리 요소를 제거하는 방법을 학습하는 JS 배열

1. pop() 메서드를 사용하세요----배열의 끝에서 요소를 삭제할 수 있습니다.

array.pop() 메서드는 배열의 마지막 요소를 삭제할 수 있습니다. 삭제된 요소 요소를 반환합니다.

🎜다음 예를 자세히 살펴보겠습니다. 🎜rrreee🎜출력 결과는 다음과 같습니다. 🎜🎜머리 또는 꼬리 요소를 제거하는 방법을 학습하는 JS 배열🎜🎜위의 예에서는 a.pop()을 사용하여 끝부분의 값 8을 삭제한 것을 볼 수 있습니다. 그러면 인덱스가 재설정되고(0에서 다시 시작) pop() 메서드도 원래 배열을 변경하고 배열 길이를 수정합니다! 🎜🎜🎜2. 길이 속성을 사용하세요----배열 끝에서 하나 이상의 요소를 삭제할 수 있습니다(또는 배열을 지울 수도 있습니다).🎜🎜🎜배열의 길이 속성은 일반적으로 배열을 설정하거나 반환하는 데 사용됩니다. 배열의 요소 수, 즉 set 또는 배열 길이를 반환합니다. 🎜🎜배열 길이 설정 기능을 사용하고 길이 속성을 원래 길이보다 작게 설정하여 배열 끝에서 하나 이상의 요소를 삭제할 수 있습니다. 값이 0으로 설정되면 전체 배열이 삭제됩니다. 즉, 배열이 지워집니다! 🎜🎜다음 예를 자세히 살펴보겠습니다. 🎜rrreee🎜출력 결과는 다음과 같습니다. 🎜🎜🎜🎜🎜좋아요, 그게 전부입니다. 필요하면 읽을 수 있습니다. 🎜javascript 고급 튜토리얼🎜🎜

위 내용은 머리 또는 꼬리 요소를 제거하는 방법을 학습하는 JS 배열의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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