JavaScript에서 Array.prototype.reduce() 메서드를 사용하는 방법은 무엇입니까?

array.reduce() 메서드는 각 요소에 대해 일부 작업을 수행하여 전체 배열을 단일 값으로 줄이는 데 사용됩니다. 예를 들어, 배열의 모든 요소의 합계를 얻으려면 전체 배열을 배열의 모든 요소의 최종 합계인 단일 값으로 줄여야 합니다.

array.reduce() 메서드는 이전 요소의 결과 값을 추적합니다. 그런 다음 이전 요소에서 얻은 결과 값을 사용하여 다음 요소에 대한 작업을 수행합니다. 배열의 첫 번째 요소는 결과 값에 인수로 전달된 초기 값을 고려합니다. 이 튜토리얼에서는 JavaScript의 Array.prototype.reduce() 메서드를 사용하는 방법을 배웁니다.

문법

사용자는 다음 구문에 따라 array.reduce() 메서드를 사용할 수 있습니다.

으아악

위 구문에서는 화살표 함수를 첫 번째 매개변수 값으로 전달했습니다. 화살표 함수는 인라인 콜백 함수로 사용됩니다.

으아악

위 구문에서 콜백은 콜백 함수입니다.

매개변수

• previousResult - 이전 배열 요소에 대해 일부 작업을 수행하여 얻은 결과 값입니다.

• element - 배열의 인덱스 위치에 있는 요소입니다.

• Index - 배열 요소의 현재 인덱스입니다.

• Array - 그 자체가 콜백 함수에 사용되는 배열입니다.

• startingValue - 이전 결과 변수를 초기화하기 위한 초기 값입니다.

• callback - 배열의 각 요소를 호출하는 함수입니다.

반환 값

array.reduce() 메서드는 모든 배열 요소에 대해 특정 작업을 수행한 후 최종 결과 값을 반환합니다.

예 1

아래 예에서는 숫자 배열을 만들고 일부 숫자 값으로 초기화했습니다. 그런 다음 array.reduce() 메서드를 사용하여 모든 숫자의 곱을 찾습니다.

또한, Reduce() 메소드의 첫 번째 매개변수로 인라인 콜백 함수를 사용합니다. 콜백 함수에서는 이전 결과 변수의 값을 요소별로 곱하여 반환합니다.

으아악

예 2

아래 예에서는 array.reduce() 메서드를 사용하여 모든 배열 문자열을 하나의 문자열로 연결합니다. "+" 연산자를 사용하여 현재 문자열 요소를 이전 결과와 콜백 함수에 병합합니다.

으아악

예 3

아래 예에서는 요소 인덱스 값의 합을 구하고 있습니다. 사용자는 콜백 함수에서 배열 인덱싱을 사용하는 방법을 확인할 수 있습니다.

으아악

예 4

이 예에서는 객체 배열을 만듭니다. 이 배열의 각 개체에는 emp_id, emp_name 및 급여가 포함됩니다. 우리는 모든 직원의 총 급여를 얻기 위해 Reduce() 메소드를 사용했습니다. Reduce() 메서드의 콜백 함수에서 각 개체에 액세스하고 해당 개체의 급여 속성 값을 total 변수에 추가합니다. 마지막으로 모든 직원의 급여 총액이 반환됩니다.

으아악

사용자는 Array.prototype.reduce() 메서드를 사용하여 전체 배열을 단일 배열 값으로 변환하는 방법을 배웠습니다. 다양한 예제를 통해 Reduce() 메소드의 사용 사례를 살펴보았습니다. 또한 array.reduce() 메서드를 사용하여 배열에서 최소값과 최대값을 찾을 수 있습니다.

빈 배열을 참조로 사용하여 array.reduce() 메서드를 호출하면 오류가 반환됩니다.

위 내용은 JavaScript에서 Array.prototype.reduce() 메서드를 사용하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!