javascript filter 예제

filter() 메서드는 테스트를 통과하는 모든 배열 요소로 채워진 배열을 만듭니다(함수로 제공). 그렇다면 .map()은 어떻게 작동합니까? 기본적으로 이전 예제에서 사용하지 않은 2 개의 인수, 콜백 및 선택적 컨텍스트 (콜백에서 이것으로 간주됩니다)를 사용합니다. 콜백은 배열의 각 값에 대해 실행되고 결과 배열의 각 새 값을 반환합니다. filter()에 의해 처리되는 요소의 범위는 콜백의 첫 번째 호출 전에 설정됩니다. filter() 호출이 시작된 후 배열에 추가된 요소는 콜백으로 방문하지 않습니다. 배열의 기존 요소가 변경되거나 삭제된 경우 콜백에 전달된 값은 filter()가 해당 요소를 방문하는 시간 값입니다. 삭제된 요소는 방문되지 않습니다. 이 기사를 통해 무언가를 즐기고 배웠으면 좋겠고 자바 스크립트의 함수형 프로그래밍에 대해 더 많은 것을 탐구할 의지를 가지고 떠나기를 바랍니다. 자바 스크립트의 funcional 현실에 대해 더 알고 싶다면, 나는 이 읽기를 적극 권장합니다. 필터() 메서드는 ECMAScript 5 사양에 도입되므로 IE8과 같은 이전 브라우저에서는 사용할 수 없습니다. 이전 브라우저에서 사용해야하는 경우 밑줄 이나 lodash와 같은 라이브러리에서 호환성 심 또는 동등한 필터 방법을 사용해야합니다.

첫째, 우리는 힘을 사용할 수없는 인력을 필터링해야합니다 : 우리는 지금 두 개의 배열을 원한다고 말합니다 : 반란군 조종사를위한 배열, 다른 하나는 제국을위한 것입니다. .filter()를 사용하면 더 쉬울 수 없습니다! 다음은 필터 방법으로 수행할 수 있는 작업의 두 가지 예입니다. 이 코드는 작동하지만 filter() 메서드를 사용하여 동일한 결과를 얻는 더 쉬운 방법이 있습니다. 이 문서는 자바 스크립트의 초보자 또는 방금 기능 자바 스크립트 작업을 시작하고지도, 필터링 및 감소 들어 본 적이없는 사람들을 대상으로합니다. 이미 이것들과 함께 많은 연습을 하고 있다면, 기사의 끝으로 이동하여 다른 흥미로운 조각을 가리킬 수 있습니다. 배열의 크기를 줄이기 위해 원치 않는 요소를 필터링하는 것이 재미 있습니까? 자바 스크립트 배열 필터 방법은 훨씬 더 재미있습니다. for 루프 중 일부를 .map(), .reduce(), .filter() 등으로 교체해 보십시오. 코드가 덜 어설프고 읽기가 훨씬 쉬워질 것이라고 보장합니다.

이 두 줄의 코드만으로 가장 큰 도시만이 목록을 만들 수 있습니다. 데이터가 더 복잡하더라도 데이터를 필터링하는 프로세스는 상대적으로 변경되지 않습니다. 필터 함수를 실행한 후 배열이 있지만 일부 요소만 원한다면 어떻게 해야 할까요? .filter()가 들어오는 곳입니다! 필터 메서드와 함께 사용하기 전에 콜백 함수를 선언하기로 결정한 경우 P.S: 예제에서 화살표 함수를 사용합니다.