> 웹 프론트엔드 > JS 튜토리얼 > es6 filter() 배열 필터링 방법 요약(코드 포함)

es6 filter() 배열 필터링 방법 요약(코드 포함)

不言
풀어 주다: 2019-04-03 10:15:30
앞으로
4156명이 탐색했습니다.

이 기사는 es6 filter() 배열 필터링 방법(코드 포함)에 대한 요약을 제공합니다. 이는 특정 참조 값을 가지고 있습니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

Array.every(x=>x)는 모든 사람이 만족해야 한다는 것이고

Array.some(x=>x)는 하나의 만족이 있다는 것입니다.

Array.find(findIndex)는 조건을 충족하는 첫 번째 값을 반환합니다.

Array.filter(새 배열로 필터링)

배열 메서드는 두 가지 범주로 나뉩니다

1) 원래 배열 변경

push, pop, Shift, unshift, sort, reverse, splice

2) 하지 마세요 원래 배열 변경 Array concat, Join-->

split, toStringpush: 배열의 마지막 숫자부터 시작하여 데이터 추가

pop: 배열의 마지막 숫자 자르기

shift: 배열의 첫 번째 숫자 자르기

unshift: 배열의 첫 번째 가수

reverse: 원래 배열을 뒤집음

splice: arr.splice(숫자에서 시작하여 길이를 가로채서 잘라낸 부분에 새 데이터 추가)

concat: Join: return a string

Slice: Intercept arr.slice (Start from this, Intercept to this)

es6 filter() 배열 필터링 방법 요약
1 배열을 만들고 배열에 특정 값이 있는지 확인합니다

var newarr = [
  { num: 1, val: 'ceshi', flag: 'aa' },
  { num: 2, val: 'ceshi2', flag: 'aa2'  }
]
console.log(newarr.filter(item => item.num===2 ))
로그인 후 복사

2. 위의 방법을 사용하여 숫자가 2인 항목을 필터링하고 숫자가 1

var newarr = [
  { num: 1, val: 'ceshi', flag: 'aa' },
  { num: 2, val: 'ceshi2', flag: 'aa2'  }
]
console.log(newarr.filter(item => item.num!=2 ))
로그인 후 복사

3인 항목을 그대로 둘 수도 있습니다. 빈 배열, 빈 문자열, 정의되지 않음, null

var arr = ['1','2',undefined, '3.jpg',undefined]
var newArr = arr.filter(item => item)
console.log(newArr)
로그인 후 복사
var arr = ['1','2',null, '3.jpg',null]
var newArr = arr.filter(item => item)
console.log(newArr)
로그인 후 복사
//空字符串里面不能包含空格
var arr = ['1','2','', '3.jpg','']
var newArr = arr.filter(item => item)
console.log(newArr)
로그인 후 복사

4을 제거하세요. array

var arr = [20,30,50, 96,50]
var newArr = arr.filter(item => item>40)  
console.log(newArr)
로그인 후 복사

5. 항목

var arr = ['10','12','23','44','42']
var newArr = arr.filter(item => item.indexOf(&#39;2&#39;)<0) 
console.log(newArr)
로그인 후 복사

6. 배열 중복 제거

var arr = [1, 2, 2, 3, 4, 5, 5, 6, 7, 7,8,8,0,8,6,3,4,56,2];
var arr2 = arr.filter((x, index,self)=>self.indexOf(x)===index)  
console.log(arr2); //[1, 2, 3, 4, 5, 6, 7, 8, 0, 56]
로그인 후 복사

[관련 권장 사항: JavaScript 비디오 튜토리얼]

위 내용은 es6 filter() 배열 필터링 방법 요약(코드 포함)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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