> 웹 프론트엔드 > 프런트엔드 Q&A > 제이쿼리 합계 함수

제이쿼리 합계 함수

王林
풀어 주다: 2023-05-28 15:12:08
원래의
1087명이 탐색했습니다.

첫째, jQuery는 JavaScript로 작성된 라이브러리로 프런트 엔드 개발자가 페이지 상호 작용 및 동적 효과를 쉽게 구현할 수 있도록 편리하고 빠른 도구 기능을 많이 포함하고 있습니다. 여기에는 합산 기능을 구현하는 함수가 포함됩니다.

jQuery 라이브러리에는 합산 기능을 구현하는 다양한 기능이 있으며 비즈니스 요구 사항에 따라 적절한 기능을 선택하여 호출할 수 있습니다. 다음은 일반적으로 사용되는 몇 가지 jQuery 합계 함수입니다.

  1. 각 함수 합계

각 함수는 jQuery에서 일반적으로 사용되는 반복 함수로, 배열이나 객체를 순회하고 각 요소에 대해 연산을 수행할 수 있습니다. 배열의 각 요소는 각 요소에 대해 콜백 함수를 실행하여 모든 요소의 합계를 얻기 위해 함께 추가될 수 있습니다.

샘플 코드:

var sum = 0;

$.each([2,4,6,8], function(index, value){

sum += value; 
로그인 후 복사

});

console.log(sum); //20

  1. map 함수 요약

map 함수는 jQuery에서 일반적으로 사용되는 또 다른 반복 함수입니다. Each 함수와 유사하지만 새 배열을 반환합니다. map 함수를 사용하여 원본 배열의 각 요소를 추가하고 새 배열을 반환하여 합산 효과를 얻을 수 있습니다.

샘플 코드:

var arr = [2, 4, 6, 8];

var sum = $.map(arr, function(num) {

return num;
로그인 후 복사

}).reduce(function(total, num) {

return total + num;
로그인 후 복사
로그인 후 복사

});

console.log(sum); //20

  1. reduce function summation

reduce 함수는 JavaScript 표준 라이브러리의 메서드이며 jQuery에서도 구현됩니다. 이 메서드는 배열의 각 요소를 반복하고 이를 값으로 누적한 다음 최종적으로 이러한 데이터의 합계를 가져옵니다.

샘플 코드:

var arr = [2, 4, 6, 8];

var sum = $.reduce(arr, function(total, num) {

return total + num;
로그인 후 복사
로그인 후 복사

}, 0);

console. log(sum); //20

  1. getArraySum function summation

jQuery 라이브러리에서 함수를 사용하지 않으려면 직접 summation 함수를 작성할 수도 있습니다. 다음은 숫자가 포함된 배열에 요소를 추가하고 합계를 반환하는 getArraySum이라는 사용자 정의 함수입니다.

샘플 코드:

function getArraySum(array){

var sum = 0;

for(var i=0; i<array.length; i++){

    sum += parseInt(array[i]);

}

return sum;
로그인 후 복사

}

var arr = [2, 4, 6, 8];

var sum = getArraySum(arr);

console.log(sum) ; //20

어떤 방법을 사용하든 jQuery sum 함수를 사용하면 개발 작업을 더 쉽고 효율적으로 만들 수 있습니다. 이러한 함수를 사용할 때 숫자가 아닌 유형이나 범위 밖의 숫자로 인해 발생하는 문제를 방지하려면 배열의 요소 유형과 값 범위에 주의해야 합니다.

위 내용은 제이쿼리 합계 함수의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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