> 웹 프론트엔드 > 프런트엔드 Q&A > es6에서 배열의 요소를 삭제하는 방법

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

青灯夜游
풀어 주다: 2022-06-08 17:03:57
원래의
7394명이 탐색했습니다.

삭제 방법: 1. 첫 번째 요소를 삭제하려면 "arr.shift()" 구문을 사용하세요. 2. pop()을 사용하면 마지막 요소를 삭제하려면 "arr.pop()" 구문을 사용하세요. . splice()를 사용하여 첨자를 기준으로 모든 요소를 ​​삭제합니다. 구문은 "arr.splice(첨자 시작, 요소 수 삭제)"입니다.

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

이 튜토리얼의 운영 환경: Windows 7 시스템, ECMAScript 버전 6, Dell G3 컴퓨터.

JavaScript에는 배열 요소를 삭제하는 방법이 많이 있습니다. 다음은 그 중 일부입니다.

방법 1: Shift() 함수를 사용하여 첫 번째 배열 요소 삭제

array.shift() 함수는 배열의 첫 번째 요소를 삭제하고 첫 번째 요소의 값을 반환한 다음 나머지 All을 반환할 수 있습니다. 요소는 배열 헤드의 간격을 채우기 위해 한 위치 앞으로 이동합니다.

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

출력 결과는 다음과 같습니다.

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

위의 예에서는 a.shift()를 사용하여 a 배열 시작 부분의 값 1을 삭제한 다음 인덱스를 재설정합니다(0부터 시작). 다시); 그리고 Shift() 메소드는 원래 배열을 변경하고 배열의 길이를 수정합니다! 따라서 console.log(a)를 사용하여 첫 번째 요소가 삭제된 배열을 표시하는 원본 배열을 출력하세요. console.log(a)来输出原数组,显示的是已经被删除开头元素的数组。

方法2:使用pop()删除最后一个数组元素

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

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

输出结果为:

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

可以看出:上例使用a.pop()来删除a数组末尾的数值8,然后会重置索引(重新从0开始);且pop()方法也会改变原数组,修改数组的长度!

方法3:使用 splice() 根据数组下标删除任意元素

使用splice()可以从指定下标位置开始删除一个或多个元素。

删除元素的语法:

array.splice(index,howmany)
로그인 후 복사
  • 第1个参数 index 可以指定起始下标位置(即开始删除元素的位置);

  • 第2个参数 howmany 指定应该删除的元素数目(即需要删除的一个或多个元素)。

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

var arr= [1,2,3,4,5];
console.log(arr);

arr.splice(1,2);
console.log(arr);
로그인 후 복사

可以看出:使用arr.splice(1,2)从下标1的位置(数组第2个元素)开始删除2个元素,也就是删除了arr[1]arr[2]

방법 2: pop()을 사용하여 마지막 배열 요소를 삭제합니다. es6에서 배열의 요소를 삭제하는 방법

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

var arr= [1,2,3,4,5];
console.log(arr);

arr.splice(0,2);
console.log(arr);
로그인 후 복사
    출력 결과는 다음과 같습니다.
  • 2 .png

  • 위의 예에서는 a.pop()을 사용하여 a 배열의 끝 부분에 있는 값 8을 삭제한 다음 인덱스(0부터 시작)를 재설정하는 것을 볼 수 있습니다. 다시); 및 pop() 이 메서드는 원래 배열을 변경하고 배열의 길이도 수정합니다!

es6에서 배열의 요소를 삭제하는 방법방법 3: splice()를 사용하여 배열 첨자를 기반으로 모든 요소를 ​​삭제합니다.

  • splice()를 사용하여 지정된 첨자 위치에서 시작하는 하나 이상의 요소를 삭제합니다.

    요소 삭제 구문:
  • var arr= [1,2,3,4,5];
    console.log(arr);
    
    //从倒数第二个元素开始,截取两个元素
    arr.splice(-2,2);
    console.log(arr);
    로그인 후 복사

    es6에서 배열의 요소를 삭제하는 방법첫 번째 매개변수 index는 시작 첨자 위치(즉, 요소가 삭제되는 위치)를 지정할 수 있습니다.

    두 번째 매개변수 howmanity는 제거해야 하는 요소 수(즉, 제거해야 하는 하나 이상의 요소)를 지정합니다.

    🎜 다음 예를 자세히 살펴보겠습니다. 🎜rrreee🎜 다음을 볼 수 있습니다. arr.splice(1,2)를 사용하여 아래 첨자 위치부터 시작합니다. 1(배열 2번 요소)은 2개의 요소를 삭제하기 시작합니다. 즉, arr[1]arr[2]가 삭제되므로 출력 결과는 다음과 같습니다. 🎜 🎜🎜🎜🎜splice() 메소드를 사용하면 배열의 시작과 끝에서 요소를 삭제하는 작업을 구현할 수도 있습니다. 🎜🎜🎜🎜배열의 시작 부분에서 요소를 삭제하려면 다음 값을 설정하면 됩니다. 메소드의 첫 번째 매개변수 인덱스를 0🎜🎜🎜rrreee🎜 🎜🎜🎜🎜🎜배열 끝의 요소를 삭제하려면 이 메소드의 첫 번째 매개변수 인덱스 값을 음수로 설정한 다음 절대값에 따라 배열의 오른쪽에서 왼쪽으로 배치됩니다. 두 번째 매개변수는 인덱스 값과 같아야 합니다. 🎜🎜🎜rrreee🎜🎜🎜🎜【관련 추천: 🎜javascript 비디오 튜토리얼🎜, 🎜web front-end🎜】🎜

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

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