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

es6 배열에서 지정된 요소를 삭제하는 방법

青灯夜游
풀어 주다: 2022-10-11 17:10:45
원래의
22028명이 탐색했습니다.

두 가지 삭제 방법: 1. splice() 함수 사용, 구문 "arr.splice(arr.findIndex(item=>item.id===id), 1)" 2. filter() 함수를 사용하여 필터링 , 구문은 "arr=arr.filter((num,index)=>{return index!==val})"입니다.

es6 배열에서 지정된 요소를 삭제하는 방법

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

첫 번째 splice(index,num);

index는 배열 요소의 아래 첨자 위치를 나타내고, num은 삭제된 항목 수를 나타냅니다.

arr.splice(arr.findIndex(item => item.id === id), 1)
//item 只是参数可以写成 i 或者 v 都可以 , 
//后面的额id是数组的id,是不能随便写的,如果你数组里面写的是id,这里就写id,如果数组里面写的是num,那这里就写num , 
//=== 后面的id是你想要删除的元素的id号,同理,如果你数组里面写的是num,那这里就是num号 , 
//1是你要删除1个元素的意思
로그인 후 복사

findIndex()는 요소의 인덱스를 찾는 것입니다. 대상 위치


그림에 표시된 대로 이 배열에는 세 개의 요소가 있습니다. 이제 ID가 24인 요소를 삭제하려면 코드를 다음과 같이 작성해야 합니다.

arr.splice(arr.findIndex(item => item.id === 24), 1)
로그인 후 복사

인쇄하면 ID가 24인 요소가 삭제됩니다. !

두 번째 arr.filter()filter() 메서드는 새 배열의 요소가 지정된 항목의 모든 요소에 대해 확인됩니다. 조건에 맞는 배열입니다.

참고:

filter()는 빈 배열을 감지하지 않습니다.

참고:

filter()는 원래 배열을 변경하지 않습니다.

array.filter(function(currentValue,index,arr), thisValue)
로그인 후 복사

//这样就删除啦
arr = arr.filter((num,index)=>{return index !== val})
로그인 후 복사
[추천 학습: javascript 고급 튜토리얼

]

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

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