Mengapa Kod JavaScript Saya Bercantum Daripada Menambah Nombor?

Mengatasi Perangkap Matematik Gabungan Rentetan JavaScript

Dalam JavaScript, memanipulasi pembolehubah kadangkala boleh membawa kepada hasil yang tidak diingini. Perangkap biasa ialah gabungan rentetan dan bukannya menjalankan operasi matematik. Ini boleh berlaku apabila pembolehubah berangka dianggap sebagai rentetan, membawa kepada penambahan rentetan dan bukannya nombor.

Senario: Penambahan Integer dengan Keputusan Rentetan Tidak Dijangka

Untuk contoh, pertimbangkan kod berikut:

var dots = document.getElementById("txt").value; // 5
function increase() {
    dots = dots + 5;
}

Kami menjangkakan kod ini akan meningkatkan nilai titik sebanyak 5. Walau bagaimanapun, output ialah "55" dan bukannya 10. Ini kerana titik pembolehubah dianggap sebagai rentetan dan JavaScript menggabungkan rentetan dan bukannya melaksanakan operasi matematik.

Penyelesaian: Operasi Matematik Paksa

Untuk menyelesaikan isu ini, kami perlu memaksa JavaScript untuk merawat titik sebagai integer dan melaksanakan operasi matematik. Kita boleh melakukannya dengan menggunakan fungsi parseInt():

dots = parseInt(document.getElementById("txt").value, 10);

• Fungsi parseInt() menukar titik rentetan kepada integer.
• Parameter kedua, 10, menentukan sistem nombor asas-10.

Dengan menukar titik kepada integer, JavaScript akan melaksanakan operasi matematik dengan betul padanya, menghasilkan output yang diingini sebanyak 10.

Ingat, semasa mengendalikan pembolehubah berangka dalam JavaScript, berhati-hati terhadap kemungkinan isu penukaran jenis yang boleh mengakibatkan penggabungan rentetan dan bukannya operasi matematik. Dengan menggunakan teknik seperti parseInt(), anda boleh memastikan bahawa JavaScript melaksanakan pengiraan yang dimaksudkan.

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