Jak zmusić JS do wykonywania obliczeń matematycznych zamiast łączenia dwóch łańcuchów

Potrzebuję javascript, aby dodać 5 do zmiennej całkowitej, ale zamiast tego traktuje zmienną jako ciąg, więc zapisuje zmienną, a następnie dodaje 5 na końcu „ciągu”. Jak mogę zmusić go do wykonywania matematyki zamiast tego?

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

Wynik: 55

Jak mogę zmusić go do wyjścia 10?

Masz linię

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

w twoim pliku spowoduje to, że kropki będą ciągiem, ponieważ zawartość txt nie jest ograniczona do liczby.

aby przekonwertować go na int, zmień wiersz na:

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

Uwaga: 10Tutaj określa liczbę dziesiętną (podstawa-10). Bez tego niektóre przeglądarki mogą nie zinterpretować poprawnie ciągu znaków. Zobacz MDN: parseInt.

najprostszy:

dots = dots*1+5;

kropki zostaną zamienione na liczby.

NIE ZAPOMNIJ - użyj, parseFloat();jeśli masz do czynienia z liczbami dziesiętnymi.

Dodaję tę odpowiedź, ponieważ nie widzę jej tutaj.

Jednym ze sposobów jest umieszczenie znaku „+” przed wartością

przykład:

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

x === 15

Uważam, że to najprostszy sposób

W tym przypadku wiersz:

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

można zmienić na

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

wymusić na liczbie

UWAGA:

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

parseInt() powinien załatwić sprawę

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

Daje Ci

sum == 35
pin == "2510"

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

Uwaga: 10in parseInt(number, 10)określa liczbę dziesiętną (podstawa-10). Bez tego niektóre przeglądarki mogą nie zinterpretować poprawnie ciągu znaków. Zobacz MDN: parseInt.

Działa to również dla Ciebie:

dots -= -5;

to naprawdę proste

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

zmusza to javascript do mnożenia, ponieważ nie ma pomyłki dla * logowania w javascript.

Możesz dodać + za zmienną i wymusi to, aby była liczbą całkowitą

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

Po wypróbowaniu większości odpowiedzi tutaj bez powodzenia w moim konkretnym przypadku wymyśliłem to:

dots = -(-dots - 5);

Znaki + są tym, co myli js, a to całkowicie je eliminuje. Prosty do wdrożenia, jeśli może być mylący do zrozumienia.

ZAKTUALIZOWANO od czasu ostatniego przegłosowania ....

Widziałem tylko porcję

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

wcześniej, ale później pokazano mi, że txtpudełko podaje zmienną dots. Z tego powodu należy się upewnić, że dane wejściowe zostały „wyczyszczone”, aby mieć pewność, że zawierają tylko liczby całkowite, a nie złośliwy kod.

Jednym prostym sposobem na to jest przeanalizowanie pola tekstowego ze onkeyup()zdarzeniem, aby upewnić się, że zawiera ono znaki numeryczne:

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

gdzie zdarzenie spowodowałoby błąd i wyczyściłoby ostatni znak, jeśli wartość nie jest liczbą:

<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>

Oczywiście możesz to zrobić również za pomocą regex, ale wybrałem leniwe wyjście.

Od tego czasu wiesz, że w pudełku mogą znajdować się tylko liczby, powinieneś móc po prostu użyć eval():

dots = eval(dots) + 5;