es6에서 찾기와 필터의 차이점은 무엇입니까

es6에서 find와 filter의 차이점: 1. 배열을 변경하지 않고 배열의 조건에 맞는 콘텐츠를 검색할 때 find 메소드로 반환되는 결과는 객체이고, filter 메소드로 반환되는 결과는 2. Test 함수를 만족하는 값이 없으면 find 메소드는 정의되지 않은 값을 반환하고 filter 메소드는 빈 배열을 반환합니다.

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

es6에서 find와 filter의 차이점은 무엇인가요?

1. find와 filter는 둘 다 배열을 변경하지 않고 배열에서 적합한 콘텐츠를 검색하는 방법입니다. 객체. , 필터는 배열을 반환합니다.

예제는 다음과 같습니다.

const list = [{'name':'1',index:1},{'name':'2'},{'name':'1'}]
let list2 = list.find(i=>i.name==='1') 
let list3 = list.filter(i=>i.name==='1')
console.log(list); [ { name: '1', index: 1 }, { name: '2' }, { name: '1' } ]
console.log(list2); { name: '1', index: 1 }
console.log(list3);[ { name: '1', index: 1 }, { name: '1' } ]

find는 조건에 맞는 첫 번째 결과만 찾습니다. 예에서는 배열 대신 객체를 직접 반환합니다! , 필터는 모든 결과를 여전히 배열로 반환합니다.

참고: find()는 첫 번째 요소를 찾은 후 다음 요소를 순회하지 않습니다. 따라서 배열에 동일한 요소가 두 개 있으면 첫 번째 요소만 찾고 두 번째 요소는 다시 순회하지 않습니다. .

2. 요약하면 find 쿼리 효율성이 높으므로 배열의 데이터가 고유한 경우 find

find()를 사용하는 것이 가장 좋습니다.

ES6 find() 메서드는 테스트 함수 요소의 값입니다. 테스트 함수를 만족하는 값이 없으면 정의되지 않은 값이 반환됩니다.

Syntax

다음 구문에 사용되는 화살표 함수입니다.

find((element) => { /* ... */ } )
find((element, index) => { /* ... */ } )
find((element, index, array) => { /* ... */ } )

filter()

filter() 메서드는 테스트 함수를 통과하는 모든 요소를 ​​포함하는 새 배열을 만듭니다. 테스트 함수를 만족하는 요소가 없으면 빈 배열이 반환됩니다.

Grammar

filter((element) => { /* ... */ } )
filter((element, index) => { /* ... */ } )
filter((element, index, array) => { /* ... */ } )

공통점

고차 함수: 두 함수 모두 고차 함수입니다.

차이

1. 테스트 함수

find()를 통해 첫 번째 요소를 반환합니다.

filter()는 테스트 함수를 통과한 모든 요소가 포함된 새 배열을 반환합니다.

2. 테스트 함수를 만족하는 값이 없으면

filter()는 빈 배열을 반환합니다.

[관련 권장 사항:

javascript 비디오 튜토리얼

, 웹 프론트엔드]

위 내용은 es6에서 찾기와 필터의 차이점은 무엇입니까의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!