> 웹 프론트엔드 > JS 튜토리얼 > Javascript의 반복 및 병합 방법에 대한 자세한 해석(그래픽 튜토리얼)

Javascript의 반복 및 병합 방법에 대한 자세한 해석(그래픽 튜토리얼)

亚连
풀어 주다: 2018-05-21 09:41:25
원래의
1210명이 탐색했습니다.

이제 Javascript의 반복 및 병합 방법에 대해 자세히 설명하겠습니다. 이제 그것을 여러분과 공유하고 모든 사람에게 참고 자료로 제공하겠습니다.

반복 방법

개인적으로 Javascript의 반복 방법이 특히 중요하다고 생각합니다. 많은 경우 JavaScript에서는 5가지 반복 방법을 제공합니다. 주어진 함수를 배열의 각 항목에 적용합니다. 각 항목이 true를 반환하면 true가 반환됩니다.

filter() 주어진 함수를 배열의 각 항목에 적용하고 true를 반환하는 항목을 결합합니다.

forEach()는 주어진 함수를 배열의 각 항목에 적용하지만 어떤 값도 반환하지 않습니다.

map()은 주어진 함수를 배열의 각 항목에 적용하고 매번 반환합니다. 함수 호출의 결과는 new array

same()은 주어진 함수를 배열의 각 항목에 적용합니다. 배열의 항목이 true를 반환하면 true를 반환합니다.

위 5가지 메서드 중 모두 두 가지 매개 변수를 허용합니다. 즉, 실행 함수 , 각 항목에 대해 작동해야 하는 함수입니다. 이 함수에는 배열 항목의 값, 배열 내 항목 위치, 배열 객체 자체라는 세 가지 매개변수가 있습니다. 주어진 범위는 주어진 함수의 this 객체에 영향을 미칩니다. 예:

var values = [5,6,7,8,9,10,11,12,13];
 
function actionfunc(item, index, array){console.log(this)};
 
values.every(actionfunc,document); //这里会向控制台输出6次document对象
로그인 후 복사

Merge 메서드JavaScript는 이름처럼 두 가지 병합 메서드도 제공합니다. 배열의 각 항목을 반복하고 총 값을 반환합니다. 두 가지 병합 방법은 다음과 같습니다.

reduce()는 주어진 함수를 배열의 첫 번째 항목부터 마지막 ​​항목까지 배열의 각 항목에 적용한 다음 배열의 모든 항목 목록을 반환합니다. 주어진 함수를 실행합니다.

reduceRight()는 주어진 함수를 배열의 마지막 항목부터 역순으로 적용하고, 배열의 모든 항목에 대해 주어진 함수를 실행한 결과의 합을 반환합니다.

위의 두 메소드는 두 개의 매개변수를 받습니다: 실행 함수는 각 항목에 대해 작동해야 하는 함수입니다. 이 함수에는 이전 값, 현재 값, 항목의 인덱스 및 배열 객체의 네 가지 매개변수가 있습니다. 그 자체. 병합의 기본 값은 이 값을 기준으로 계산됩니다. 예:

var values = [5, 6, 7, 8, 9, 10, 11, 12, 13];
 
values.reduce(function(preitem,item,index,array){return preitem+item},2) //返回数值83
로그인 후 복사

위 내용은 제가 모든 사람을 위해 정리한 내용입니다. 앞으로 모든 사람에게 도움이 되기를 바랍니다.

관련글 :

자바스크립트 프로토타입 프로토타입 상세 설명(기본강의)


javascript replacement() 두 번째 매개변수가 함수일 때의 매개변수 사용법(모두를 위한 자세한 설명)


JavaScript 출력 표시 콘텐츠(기본 튜토리얼)


위 내용은 Javascript의 반복 및 병합 방법에 대한 자세한 해석(그래픽 튜토리얼)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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