Cara memaksa JS melakukan matematika alih-alih menyatukan dua string

Saya perlu javascript untuk menambahkan 5 ke variabel integer, tetapi ia memperlakukan variabel sebagai string, jadi ia menulis variabel tersebut, lalu menambahkan 5 di akhir "string". Bagaimana saya bisa memaksanya untuk melakukan matematika?

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

Keluaran: 55

Bagaimana saya bisa memaksanya menjadi keluaran 10?

Anda memiliki garis

dots = document.getElementById("txt").value;

di file Anda, ini akan menetapkan titik menjadi string karena konten txt tidak dibatasi ke angka.

untuk mengubahnya menjadi int, ubah baris menjadi:

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

Catatan: Di 10sini menentukan desimal (basis-10). Tanpa ini beberapa browser mungkin tidak menafsirkan string dengan benar. Lihat MDN: parseInt.

yang paling sederhana:

dots = dots*1+5;

titik-titik tersebut akan diubah menjadi angka.

JANGAN LUPA - Gunakan parseFloat();jika Anda berurusan dengan desimal.

Saya menambahkan jawaban ini karena saya tidak melihatnya di sini.

Salah satu caranya adalah dengan meletakkan karakter '+' di depan nilai

contoh:

var x = +'11.5' + +'3.5'

x === 15

Saya telah menemukan ini sebagai cara yang paling sederhana

Dalam hal ini, baris:

dots = document.getElementById("txt").value;

bisa diubah menjadi

dots = +(document.getElementById("txt").value);

untuk memaksanya menjadi angka

CATATAN:

+'' === 0
+[] === 0
+[5] === 5
+['5'] === 5

parseInt() harus melakukan triknya

var number = "25";
var sum = parseInt(number, 10) + 10;
var pin = number + 10;

Memberi anda

sum == 35
pin == "2510"

http://www.w3schools.com/jsref/jsref_parseint.asp

Catatan: 10in parseInt(number, 10)menentukan desimal (basis-10). Tanpa ini beberapa browser mungkin tidak menafsirkan string dengan benar. Lihat MDN: parseInt.

Ini juga berfungsi untuk Anda:

dots -= -5;

itu sangat sederhana saja

var total = (1 * yourFirstVariablehere) + (1 * yourSecondVariablehere)

ini memaksa javascript untuk berkembang biak karena tidak ada kebingungan untuk * masuk javascript.

Anda dapat menambahkan + di belakang variabel dan itu akan memaksanya menjadi integer

var dots = 5
    function increase(){
        dots = +dots + 5;
    }

Setelah mencoba sebagian besar jawaban di sini tanpa hasil untuk kasus khusus saya, saya menemukan ini:

dots = -(-dots - 5);

Tanda + adalah yang membingungkan js, dan ini menghilangkannya sama sekali. Mudah diterapkan, jika berpotensi membingungkan untuk dipahami.

DIPERBARUI sejak ini terakhir kali mendapat suara negatif ....

Saya hanya melihat porsinya

var dots = 5
function increase(){
    dots = dots+5;
}

sebelumnya, tetapi kemudian ditunjukkan kepada saya bahwa txtkotak itu memberi makan variabel dots. Karena itu, Anda harus yakin untuk "membersihkan" masukan, untuk memastikan itu hanya memiliki bilangan bulat, dan bukan kode berbahaya.

Salah satu cara mudah untuk melakukannya adalah dengan mengurai kotak teks dengan onkeyup()peristiwa untuk memastikannya memiliki karakter numerik:

<input size="40" id="txt" value="Write a character here!" onkeyup="GetChar (event);"/>

dimana acara tersebut akan memberikan kesalahan dan menghapus karakter terakhir jika nilainya bukan angka:

<script type="text/javascript">
    function GetChar (event){
        var keyCode = ('which' in event) ? event.which : event.keyCode;
        var yourChar = String.fromCharCode();
        if (yourChar != "0" &&
            yourChar != "1" &&
            yourChar != "2" &&
            yourChar != "3" && 
            yourChar != "4" &&
            yourChar != "5" &&
            yourChar != "6" && 
            yourChar != "7" &&
            yourChar != "8" && 
            yourChar != "9")
        {
            alert ('The character was not a number');
            var source = event.target || event.srcElement;
            source.value = source.value.substring(0,source.value-2);
        }
    }
</script>

Jelas Anda bisa melakukannya dengan regex juga, tapi saya mengambil jalan keluarnya dengan malas.

Sejak saat itu Anda akan tahu bahwa hanya angka yang bisa ada di dalam kotak, Anda seharusnya bisa menggunakan eval():

dots = eval(dots) + 5;