필터()에 대한 다중 채우기

필터()에 대한 다중 채우기

반응형

폴리필이란 무엇인가?

Polyfill은 개발자인 사용자가 브라우저가 기본적으로 제공하는 기능을 제공하는 코드(또는 플러그인)입니다. 브라우저 기능 집합에 대한 요청을 받고 요청 브라우저에 필요한 폴리필만 제공하는 서비스입니다.

거름질하다

JavaScript의 필터() 메서드는 조건을 사용하여 상위 배열의 각 요소를 필터링하여 배열을 작성합니다.

일반적으로 필터() 메서드는 어레이를 필터링(선택)하고 각 어레이 요소에서 함수를 호출하는 데 사용됩니다.

필터() 메서드는 지정된 함수의 테스트를 통과한 모든 요소를 포함하는 새 배열을 반환합니다.

// Arrow function filter((element) => { } ) filter((element, index) => { } ) filter((element, index, array) => { } ) // Callback function filter(callbackFn) filter(callbackFn, thisArg) // Inline callback function filter(function callbackFn(element) { }) filter(function callbackFn(element, index) { }) filter(function callbackFn(element, index, array){ }) filter(function callbackFn(element, index, array) { }, thisArg)

필터()가 5번째 버전에서 ECMA 스크립트에 추가되었습니다.

필터()에 대한 다중 채우기

array.filter()에는 현재 값, 인덱스 및 원래 배열의 세 가지 인수를 포함하는 콜백 함수인 인수가 하나만 있습니다. 따라서 필터()에 대한 폴리필을 생성하는 동안 이러한 인수를 처리하고 있습니다.

위의 정보를 사용하여 필터()용 폴리필을 개발하겠습니다.

Array.prototype.myFilter = function(callback, context){ var arr = []; for(i=0; i< this.length; i++){ if(callback.call(context, this[i], i, this)){ arr.push(this[i]) } } return arr; } const arrData = [0,1,2,3,4,5,6,7,8,9]; arrData.myFilter((element) => { return ( element % 2 === 0 ) })

필터 폴리필 함수의 도움으로 이전 코드는 짝수 배열(짝수에만 대한 필터 arrData)을 생성합니다.

→ 각()에 대한 폴리필 ←

from http://it-ground.tistory.com/264 by ccl(A) rewrite - 2021-09-28 04:01:42