> 웹 프론트엔드 > 프런트엔드 Q&A > 필터는 es6 방법입니까?

필터는 es6 방법입니까?

青灯夜游
풀어 주다: 2022-04-19 18:03:51
원래의
1744명이 탐색했습니다.

filter는 es6 방식입니다. filter()는 es6의 새로운 배열 메소드로, 배열 요소를 필터링하는 데 사용됩니다. 이 메소드는 배열 요소를 콜백 함수에 전달하며, 콜백 함수에서는 요소가 지정된 조건을 충족하는지 여부를 판단합니다. 구문은 "arr.filter(콜백 함수, thisValue)"입니다.

필터는 es6 방법입니까?

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

filter()는 es6의 새로운 배열 메서드로, 배열 요소를 필터링하고 지정된 조건을 충족하는 배열 요소를 반환하는 데 사용됩니다.

필터는 es6 방법입니까?

filter() 메서드는 배열 요소를 콜백 함수에 전달합니다. 콜백 함수에서는 요소가 지정된 조건을 충족하는지 판단하고, 충족하면 반환됩니다.

구문: ​​

arr.filter(回调函数,thisValue)
로그인 후 복사
  • Callback 함수: 배열의 각 요소는 조건 및 프로세스 요소를 지정하는 데 사용되는 이 함수를 실행합니다.

  • thisValue: 선택 사항. 객체는 실행 콜백으로 사용되며, 함수에 전달되고 "this"의 값으로 사용됩니다. thisValue가 생략되면 "this"의 값은 "정의되지 않음"입니다.

콜백 함수의 형식:

function callbackfn(Value,index,array)
로그인 후 복사

최대 3개의 매개변수를 허용합니다.

  • value: 현재 배열 요소의 값입니다. 생략할 수 없습니다.

  • index: 현재 배열 요소의 숫자 인덱스입니다.

  • array: 현재 요소가 속한 배열 객체입니다.

반환 값: 콜백 함수가 true를 반환하는 모든 값을 포함하는 새 배열입니다. 콜백 함수가 array 의 모든 요소에 대해 false를 반환하는 경우 새 배열의 길이는 0입니다.

예제 1: 모든 짝수 반환

var a = [2,3,4,5,6,7,8];
function f (value) {
	if (value % 2 == 0) {
		return true;
	}else{
		 return false;
	}
}
var b = a.filter(f);
console.log(b);
로그인 후 복사

출력 결과:

필터는 es6 방법입니까?

예제 2: 모든 윤년 반환

var a = [1995,1996,1997,1998,1999,2000,2004,2008,2010,2012,2020];
function f (value) {
	if(value%4==0 && value%100!=0){
		return true;
	}
	else {
		return false;
	}
}
var b = a.filter(f);
console.log(b);
로그인 후 복사

출력 결과:

필터는 es6 방법입니까?

[관련 권장 사항: 자바스크립트 비디오 튜토리얼 웹 프론트엔드

위 내용은 필터는 es6 방법입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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