Rumah > hujung hadapan web > tutorial js > Mengapa JavaScript Bercantum Daripada Menambah Nombor, dan Bagaimana Saya Boleh Membetulkannya?

Mengapa JavaScript Bercantum Daripada Menambah Nombor, dan Bagaimana Saya Boleh Membetulkannya?

DDD
Lepaskan: 2024-12-19 10:16:09
asal
842 orang telah melayarinya

Why Does JavaScript Concatenate Instead of Adding Numbers, and How Can I Fix It?

Penggabungan Daripada Penambahan: Menyelesaikan Percanggahan Jenis Nombor

Dalam JavaScript, apabila menambah dua pembolehubah, anda mungkin menemui hasil yang tidak dijangka di mana nilai digabungkan sebagai rentetan dan bukannya ditambah sebagai nombor. Ini selalunya berlaku apabila anda mendapatkan semula input daripada borang pengguna atau apabila bekerja dengan nilai yang pada asalnya disimpan sebagai rentetan.

Untuk menyelesaikan isu ini, adalah penting untuk memastikan pembolehubah yang terlibat diformatkan sebagai nombor, bukan rentetan. Dalam JavaScript, anda boleh menukar rentetan kepada nombor dengan mudah dengan memberi awalan dengan tanda tambah ( ). Dengan melakukan ini, JavaScript mentafsir rentetan sebagai nilai berangka, membenarkan penambahan yang betul.

Pertimbangkan contoh berikut:

var y = document.getElementById("txt1").value;
var z = document.getElementById("txt2").value;
var x = +y + +z;
document.getElementById("demo").innerHTML = x;
Salin selepas log masuk

Dalam kod ini, kami menambah kepada y dan z untuk menukarkannya kepada nombor. Ini memastikan bahawa nilai ditambah secara berangka, menghasilkan jumlah yang betul, yang kemudiannya dipaparkan dalam elemen demo.

Dengan memahami perbezaan antara rentetan dan nombor dalam JavaScript dan menggunakan penukaran jenis yang sesuai, anda boleh mengelakkan mengeluarkan penggabungan dan melakukan pengiraan yang tepat.

Atas ialah kandungan terperinci Mengapa JavaScript Bercantum Daripada Menambah Nombor, dan Bagaimana Saya Boleh Membetulkannya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan