JavaScript 배열의 축소 방법에 대한 자세한 설명
소개
먼저 이 메서드의 공식 개요를 살펴보겠습니다. Reduce() 메서드는 누산기(accumulator)로 함수를 받고 배열의 각 값(왼쪽에서 오른쪽으로) 감소하기 시작하고 마침내 값이 나옵니다.
나처럼 조금 헷갈리실 수도 있겠네요. 사실, Reduce는 배열이 끝날 때까지 배열의 각 항목을 호출하는 콜백 함수를 받습니다.
모두가 쉽게 이해할 수 있도록 예를 들어보겠습니다.
배열로 구성된 문자열이 있고 배열이 모두 숫자라고 가정해 보겠습니다. 이 숫자의 합을 계산하고 싶습니다. 일반적으로 우리는 하나씩 반복하고 추가합니다. 감소를 사용하면 한 줄의 코드만 사용하면 됩니다.
var total = [0,1,2,3,4].reduce((a, b)=>a + b); //10
이 방법은 어떻게 작동하나요?
reduce는 다음과 같은 4개의 매개변수가 있는 함수를 허용합니다.
1. 마지막 값
2. 현재 값; 현재 값의 인덱스
4. 배열;
위의 배열을 예로 들어 다음 매개변수를 출력해 보겠습니다.
[0, 1, 2, 3, 4].reduce(function(previousValue, currentValue, index, array){ return previousValue + currentValue; });
얻은 결과는 다음과 같습니다.
이 결과를 분석해 보면 이 콜백 함수는 총 4번 호출되었습니다. 이번에는 첫 번째 이전 값이 없기 때문입니다. 이므로 배열의 두 번째 항목에서 직접 시작하여 배열의 끝을 호출합니다.
reduce에도 두 번째 매개변수가 있습니다. 위의 예에서는 두 번째 매개변수가 없으므로 두 번째 항목에서 직접 가져옵니다. 시작하려면 두 번째 매개변수에 5를 제공하면 결과는 다음과 같습니다.
[0, 1, 2, 3, 4].reduce(function(previousValue, currentValue, index, array){ return previousValue + currentValue; },5);
first time이 전달된 두 번째 매개변수 대신 배열의 길이인 함수를 5번 호출했습니다.
축소는 축적 외에도 2차원 배열을 평면화하는 데 도움이 됩니다.
var flattened = [[0, 1], [2, 3], [4, 5]].reduce(function(a, b) { return a.concat(b); }, []); // flattened == [0, 1, 2, 3, 4, 5]
정리
지금 생각해보면 흔히 쓰이는 두가지인데, 쓸만한 곳이 많을 것 같아요. 이상이 이 글의 전체 내용입니다. 모든 분들의 공부나 업무에 조금이나마 도움이 되었으면 좋겠습니다. 궁금한 점이 있으시면 메시지를 남겨주세요.
JavaScript의 배열 축소 방법에 대한 자세한 내용은 PHP 중국어 웹사이트를 참고하세요!

핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제











JavaScript 문자열 교체 방법 및 FAQ에 대한 자세한 설명 이 기사는 JavaScript에서 문자열 문자를 대체하는 두 가지 방법 인 내부 JavaScript 코드와 웹 페이지의 내부 HTML을 탐색합니다. JavaScript 코드 내부의 문자열을 교체하십시오 가장 직접적인 방법은 대체 () 메소드를 사용하는 것입니다. str = str.replace ( "find", "replace"); 이 메소드는 첫 번째 일치 만 대체합니다. 모든 경기를 교체하려면 정규 표현식을 사용하고 전역 플래그 g를 추가하십시오. str = str.replace (/fi

기사는 JavaScript 라이브러리 작성, 게시 및 유지 관리, 계획, 개발, 테스트, 문서 및 홍보 전략에 중점을 둡니다.

이 기사는 브라우저에서 JavaScript 성능을 최적화하기위한 전략에 대해 설명하고 실행 시간을 줄이고 페이지로드 속도에 미치는 영향을 최소화하는 데 중점을 둡니다.

이 기사는 브라우저 개발자 도구를 사용하여 효과적인 JavaScript 디버깅, 중단 점 설정, 콘솔 사용 및 성능 분석에 중점을 둡니다.

프론트 엔드 개발시 프론트 엔드 열지대 티켓 인쇄를위한 자주 묻는 질문과 솔루션, 티켓 인쇄는 일반적인 요구 사항입니다. 그러나 많은 개발자들이 구현하고 있습니다 ...

이 기사는 스크립트의 성능을 크게 향상시키기위한 10 가지 간단한 단계를 간략하게 설명합니다. 이러한 기술은 간단하고 모든 기술 수준에 적용 할 수 있습니다. 계속 업데이트 : Vite와 같은 번들과 함께 NPM과 같은 패키지 관리자를 활용하여

속편은 약속 기반 Node.js ORM입니다. PostgreSQL, MySQL, MariaDB, Sqlite 및 MSSQL과 함께 사용할 수 있습니다. 이 튜토리얼에서는 웹 앱 사용자를위한 인증을 구현할 것입니다. 그리고 우리는 인기 인증 중간 인 여권을 사용할 것입니다

이 기사에서는 jQuery 라이브러리를 사용하여 간단한 사진 회전 목마를 만들도록 안내합니다. jQuery를 기반으로 구축 된 BXSLIDER 라이브러리를 사용하고 회전 목마를 설정하기위한 많은 구성 옵션을 제공합니다. 요즘 그림 회전 목마는 웹 사이트에서 필수 기능이되었습니다. 한 사진은 천 단어보다 낫습니다! 그림 회전 목마를 사용하기로 결정한 후 다음 질문은 그것을 만드는 방법입니다. 먼저 고품질 고해상도 사진을 수집해야합니다. 다음으로 HTML과 일부 JavaScript 코드를 사용하여 사진 회전 목마를 만들어야합니다. 웹에는 다양한 방식으로 회전 목마를 만드는 데 도움이되는 라이브러리가 많이 있습니다. 오픈 소스 BXSLIDER 라이브러리를 사용할 것입니다. BXSLIDER 라이브러리는 반응 형 디자인을 지원 하므로이 라이브러리로 제작 된 회전 목마는
