ホームページ > 記事 > ウェブフロントエンド > jQueryの合計関数
まず第一に、jQuery は JavaScript で書かれたライブラリであり、フロントエンド開発者がページ操作や動的な効果を実装しやすくするための便利で高速なツール関数が多数含まれています。これには、合計関数を実装する関数が含まれます。
jQuery ライブラリには、集計関数を実装する関数が多数用意されており、ビジネス ニーズに応じて適切な関数を選択して呼び出すことができます。以下に、よく使用される jQuery sum 関数をいくつか示します。
各関数は、jQuery で一般的に使用される反復関数であり、配列またはオブジェクトを走査して各要素を操作できます。各要素に対してコールバック関数を実行することで、配列内の各要素を加算してすべての要素の合計を取得できます。
サンプルコード:
var sum = 0;
$.each([2,4,6,8], function(index, value){
sum += value;
});
console.log(sum); //20
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
reduce 関数は JavaScript 標準ライブラリのメソッドであり、jQuery にも実装されています。このメソッドは、配列の各要素を反復処理し、それを値に累積し、最終的にこれらのデータの合計を取得します。
サンプルコード:
var arr = [2, 4, 6, 8];
var sum = $.reduce(arr, function(total, num) {
return total + num;
}, 0);
console.log(sum); //20
If jQuery ライブラリの関数を使用する必要はありません。合計関数を自分で作成することもできます。以下は、数値を含む配列の要素を追加し、合計を返す 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 関数を使用すれば開発を進めることができますより簡単で効率的です。これらの関数を使用するときは、数値以外の型や範囲外の数値によって引き起こされる問題を避けるために、配列内の要素の型と値の範囲に注意する必要があることに注意してください。
以上がjQueryの合計関数の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。