Pertama sekali, jQuery ialah perpustakaan yang ditulis dalam JavaScript Ia mengandungi banyak fungsi alat yang mudah dan pantas untuk memudahkan pembangun bahagian hadapan melaksanakan interaksi halaman dan kesan dinamik. Ini termasuk fungsi yang melaksanakan fungsi penjumlahan.
Dalam perpustakaan jQuery, terdapat banyak fungsi yang melaksanakan fungsi penjumlahan Anda boleh memilih fungsi yang sesuai untuk dipanggil mengikut keperluan perniagaan anda sendiri. Berikut ialah beberapa fungsi jumlah jQuery yang biasa digunakan.
setiap fungsi ialah fungsi lelaran yang biasa digunakan dalam jQuery, yang boleh merentasi tatasusunan atau objek dan beroperasi pada setiap elemen. Setiap elemen dalam tatasusunan boleh ditambah bersama untuk mendapatkan jumlah semua elemen dengan melaksanakan fungsi panggil balik pada setiap elemen.
Kod sampel:
var sum = 0;
$.each([2,4,6,8], function(index, value){
sum += value;
});
console.log(sum); //20
fungsi peta berada dalam jQuery Another fungsi lelaran yang biasa digunakan adalah serupa dengan setiap fungsi, tetapi ia mengembalikan tatasusunan baharu. Kita boleh menggunakan fungsi peta untuk menambah setiap elemen dalam tatasusunan asal dan mengembalikan tatasusunan baharu untuk mencapai kesan penjumlahan.
Kod sampel:
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
Fungsi pengurangan ialah kaedah dalam perpustakaan standard JavaScript dan juga dilaksanakan dalam jQuery. Kaedah ini berulang melalui setiap elemen tatasusunan, mengumpulkannya kepada nilai, dan akhirnya mendapat jumlah data ini.
Kod sampel:
var arr = [2, 4, 6, 8];
var sum = $.reduce(arr, function(total, num) {
return total + num;
}, 0);
console.log(sum); //20
Jika kami tidak mahu menggunakan fungsi dalam perpustakaan jQuery, kami juga boleh menulis fungsi penjumlahan sendiri. Di bawah ialah fungsi tersuai yang dipanggil getArraySum yang menambah elemen dalam tatasusunan yang mengandungi nombor dan mengembalikan jumlahnya.
Kod sampel:
fungsi 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
Tidak kira kaedah mana yang digunakan, fungsi jumlah jQuery boleh menjadikan pembangunan kita Berfungsi adalah lebih mudah dan lebih cekap. Perlu diingatkan bahawa apabila menggunakan fungsi ini, anda perlu memberi perhatian kepada jenis elemen dalam tatasusunan dan julat nilai untuk mengelakkan masalah yang disebabkan oleh jenis bukan angka atau nombor di luar julat.
Atas ialah kandungan terperinci fungsi jumlah jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!