> 웹 프론트엔드 > 프런트엔드 Q&A > 자바스크립트에서 숫자 3개의 합 구하는 방법

자바스크립트에서 숫자 3개의 합 구하는 방법

青灯夜游
풀어 주다: 2022-09-20 15:15:45
원래의
2466명이 탐색했습니다.

두 가지 방법: 1. "+" 연산자를 사용하여 하나씩 추가합니다. 구문은 "숫자 1+숫자 2+숫자 3"입니다. 2. 숫자를 배열에 저장하고 배열 함수 Reduce() 또는 ReduceRight()를 사용하여 배열 요소의 합계를 계산합니다. 구문은 "arr.reduce(function f(pre,curr){return pre+cur입니다. })" 또는 "arr.reduceRight(function f(pre,curr){return pre+cur})”.

자바스크립트에서 숫자 3개의 합 구하는 방법

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

세 숫자의 합을 구하는 자바스크립트 메소드

방법 1: "+" 연산자를 사용하여 하나씩 더하기

var a=4,b=5,c=6,d;
d=a+b+c;
console.log(d);
로그인 후 복사

자바스크립트에서 숫자 3개의 합 구하는 방법

방법 2: 배열 함수인 Reduce() 사용 또는 ReduceRight( )

1) 배열에 3개의 숫자를 저장합니다

var arr = [5, 10, 15];
로그인 후 복사

2) 배열 함수를 사용하여 배열 요소의 합을 계산합니다.

  • reduce() 배열 요소를 계산합니다. 값으로 변환합니다(왼쪽에서 오른쪽으로).​

var b =arr.reduce(function f(pre, curr){
	return pre + curr;
	});
console.log(b);
로그인 후 복사

자바스크립트에서 숫자 3개의 합 구하는 방법

  • reduceRight() ​ 배열 요소를 값으로 계산합니다(오른쪽에서 왼쪽으로).

var b =arr.reduceRight(function f(pre, curr){
	return pre + curr;
	});
console.log(b);
로그인 후 복사

자바스크립트에서 숫자 3개의 합 구하는 방법

지식 확장

reduce() 메서드

reduce() 메서드는 배열의 모든 요소에 대해 지정된 콜백 함수를 호출할 수 있습니다. 이 콜백 함수의 반환 값은 누적된 결과이며, 이 반환 값은 다음 콜백 함수 호출 시 파라미터로 제공됩니다. 구체적인 사용법은 다음과 같습니다.

array.reduce(callbackfn[, initialVaule]);
로그인 후 복사

매개변수 설명:

  • array: 필수 매개변수, 배열 객체.

  • callbackfn: 필수 매개변수, 최대 4개의 매개변수를 허용하는 함수입니다. Recover() 메서드는 배열의 각 요소에 대해 callbackfn 함수를 한 번씩 호출합니다.

  • initialValue: 선택적 매개변수로,initialVaule을 지정하면 누적을 시작하는 초기값으로 사용됩니다. callbackfn 함수에 대한 첫 번째 호출에서는 이 값을 배열 값 대신 매개변수로 제공합니다.

reduce() 메서드의 반환 값은 콜백 함수에 대한 마지막 호출에서 얻은 누적 결과입니다.

initialVaule 매개변수가 제공되면 Reduce() 메서드는 배열의 각 요소에 대해(오름차순 인덱스 순서로) callbackfn 함수를 호출합니다.initialVaule이 제공되지 않으면 Reduce() 메서드는 callbackfn 함수를 호출합니다. 두 번째 요소부터 시작하여 각 요소에 대해 callbackfn 함수가 호출됩니다.

콜백 함수의 반환 값은 다음에 콜백 함수가 호출될 때 이전 값 매개 변수로 제공됩니다. 콜백 함수에 대한 마지막 호출에서 얻은 반환 값은 recude() 메서드의 반환 값입니다. 이 메서드는 배열에서 누락된 요소에 대한 콜백 함수를 호출하지 않습니다.

콜백 함수의 구문은 다음과 같습니다.

function callbackfn(previousValue, currentVaule, currentIndex, array);
로그인 후 복사

콜백 함수 매개변수 설명:

  • previousValue: 콜백 함수에 대한 마지막 호출에서 얻은 값. Reduce() 메소드에initialValue가 제공되면 함수가 처음 호출될 때 이전값은initialValue입니다.

  • currentValue: 현재 요소 배열의 값입니다.

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

  • array: 요소를 포함하는 배열 객체입니다.

콜백 함수를 처음 호출할 때, Reduce() 메소드에initialValue 매개변수가 있는지 여부에 따라 매개변수로 제공되는 값이 달라집니다. recude() 메소드에initialValue가 제공되는 경우,previousValue매개변수는initialValue이고 currentValue매개변수는 배열의 첫 번째 요소의 값입니다.

reduceRight() 메서드

reduceRight() 메서드는 오른쪽에서 왼쪽으로 배열의 모든 요소에 대해 지정된 콜백 함수를 호출할 수 있습니다. 이 콜백 함수의 반환 값은 누적된 결과이며, 이 반환 값은 다음 콜백 함수 호출 시 파라미터로 제공됩니다. 구체적인 사용법은 다음과 같습니다.

array.reduceRight(callbackfn[, initialValue]);
로그인 후 복사

이 메서드의 구문과 사용법은 Reduce() 메서드와 거의 동일하지만 유일한 차이점은 배열의 오른쪽부터 콜백 함수를 호출한다는 것입니다. initialValue가 제공되면, ReduceRight() 메서드는 내림차순 인덱스 순서로 배열의 각 요소에 대해 callbackfn 함수를 한 번씩 호출합니다. initialValue가 제공되지 않으면, ReduceRight() 메서드는 두 번째 요소부터 마지막 ​​요소부터 시작하여 내림차순 인덱스 순서로 각 요소에 대해 callbackfn 함수를 호출합니다.

【관련 추천: javascript 비디오 튜토리얼, 웹 프론트엔드 개발

위 내용은 자바스크립트에서 숫자 3개의 합 구하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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