>  기사  >  웹 프론트엔드  >  es6에서 배열의 항목을 삭제하는 방법

es6에서 배열의 항목을 삭제하는 방법

青灯夜游
青灯夜游원래의
2023-01-16 16:40:496109검색

삭제 방법: 1. splice()를 사용하여 첨자 구문 "arr.splice(index,1)"을 기반으로 요소를 삭제합니다. 2. 첨자 구문을 기반으로 요소를 삭제하려면 delete 키워드를 사용합니다. "delete arr[ index];"; 3. 첫 번째 요소를 삭제하려면 Shift()를 사용하세요. 구문은 "array.shift()"입니다. 4. pop()을 사용하여 마지막 요소를 삭제하면 구문은 "array.shift()"입니다. pop()"; 5. length를 사용합니다. 마지막 요소를 제거합니다.

es6에서 배열의 항목을 삭제하는 방법

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

es6에서는 배열의 항목(요소)을 삭제하려면 배열의 splice() 메서드나 delete 키워드를 사용할 수 있습니다.

방법 1, 스플라이스: 삭제 후 다음 요소가 자동으로 앞쪽에 채워집니다

arr.splice(index, 1) 

예: 이제 배열이 있습니다. arr=['a','b','c' ,'d' ]

arr.splice(1, 1); //结果arr=['a','c','d'](下标1开始,删除1个)

참고:

위 코드에서 arr의 값을 수정하려면 를 작성하는 대신 이렇게 직접 arr을 조작하면 된다는 점에 주의해야 합니다. arr= arr.splice(1 ,1), splice() 메서드의 반환 값이 삭제된 요소이기 때문입니다. arr= arr.splice(1,1),因为 splice() 方法的返回值为删除掉的元素。

补充:

  • spice增加:
arr.splice(1,0,'str'); //结果arr=['a','str','b','c','d']
  • spice替换:
arr.splice(1,1,'str'); //结果arr=['a','str','c','d']
  • spice替换2:
arr.splice(1,2,'str'); //结果arr=['a','str','d'](就是说:下标1开始2个换成1个“str”)
  • spice删除多个:
arr.splice(1,2); //结果arr=['a','d']

方法2、delete:删除后,该下标位置元素为undefined

delete arr[index];

例:

delete arr[1];

es6에서 배열의 항목을 삭제하는 방법

空位元素可以读写,length 属性不排斥空位,空元素位返回值为 undefined

console.log(arr[1]);

es6에서 배열의 항목을 삭제하는 방법

而如果只是想要删除第一个或最后一个元素,也可以利用shift()、pop()、length方法。

方法3:使用shift()函数删除第一个数组元素

array.shift()函数可以把数组的第一个元素从其中删除,并返回第一个元素的值;然后将余下所有元素前移 1 位,以填补数组头部的空缺。

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

输出结果为:

es6에서 배열의 항목을 삭제하는 방법

注:shift()方法会改变原数组,修改数组的长度!

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

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

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

输出结果为:

es6에서 배열의 항목을 삭제하는 방법

注:pop()方法也会改变原数组,修改数组的长度!

方法5:利用length属性删除最后一个数组元素

数组的length属性一般是用来设置或返回数组中元素的数目,即设置或返回数组长度。

我们可以利用设置数组长度的特性,将length属性的设置的比原长度小,即可从数组尾部删除一个或多个元素;如果值设置为0,就会删除全部数组,即清空数组!

语法:数组对象.length=原数组长度-1;

보충제:

  • 향신료 추가됨:
var a = [1,2,3,4,5,6,7,8];  //定义数组
console.log(a)
a.length=7;
console.log(a)
  • 향신료 대체됨:
rrreee
  • 향신료 대체 2:
rrreee
  • Spice 다중 삭제:
rrreee

es6에서 배열의 항목을 삭제하는 방법

방법 2, 삭제: 삭제 후 아래 첨자 위치 요소가 정의되지 않습니다

rrreee

예: 🎜rrreee🎜1 .png 🎜🎜빈 요소를 읽고 쓸 수 있습니다. 길이 속성은 빈 요소를 제외하지 않습니다. 빈 요소의 반환 값은 정의되지 않습니다🎜rrreee🎜es6에서 배열의 항목을 삭제하는 방법🎜🎜첫 번째 또는 마지막 요소만 삭제하려면 Shift()를 사용할 수도 있습니다. , pop() , 길이 방법. 🎜🎜🎜🎜방법 3: Shift() 함수를 사용하여 첫 번째 배열 요소 삭제 🎜🎜🎜🎜array.shift() 함수는 배열의 첫 번째 요소를 삭제하고 첫 번째 요소의 값을 반환할 수 있습니다. 나머지 모든 요소는 배열 헤드의 간격을 채우기 위해 한 위치 앞으로 이동합니다. 🎜rrreee🎜출력 결과는 다음과 같습니다. 🎜🎜1 . png🎜🎜참고: Shift() 메서드는 원래 배열을 변경하고 배열 길이를 수정합니다! 🎜🎜🎜🎜방법 4: pop()을 사용하여 마지막 배열 요소를 삭제합니다. 🎜🎜🎜🎜array.pop() 메서드는 배열 배열의 마지막 요소를 삭제하고 삭제된 요소를 반환할 수 있습니다. 🎜rrreee🎜출력 결과는 다음과 같습니다. 🎜🎜2 . png🎜🎜참고: pop() 메서드는 원래 배열도 변경하고 배열 길이도 수정합니다! 🎜🎜🎜🎜방법 5: 길이 속성을 사용하여 마지막 배열 요소 삭제 🎜🎜🎜🎜배열의 길이 속성은 일반적으로 배열의 요소 수를 설정하거나 반환하는 데 사용됩니다. 배열 길이. 🎜🎜배열의 길이를 설정하는 기능을 활용하고 길이 속성을 원래 길이보다 작게 설정하여 값이 0으로 설정된 경우 배열 끝에서 하나 이상의 요소를 삭제할 수 있습니다. 전체 배열이 삭제됩니다. 즉, 배열이 지워집니다! 🎜🎜구문: ​​Array object.length=original array length-1;🎜🎜🎜예: 🎜rrreee🎜🎜🎜🎜[권장 학습: 🎜javascript 고급 튜토리얼🎜]🎜

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.