Cách buộc JS làm toán thay vì đặt hai chuỗi lại với nhau

Tôi cần javascript để thêm 5 vào một biến số nguyên, nhưng thay vào đó nó xử lý biến đó như một chuỗi, vì vậy nó viết biến ra, sau đó thêm 5 vào cuối "chuỗi". Làm thế nào tôi có thể buộc nó làm toán thay thế?

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

Đầu ra: 55

Làm thế nào tôi có thể buộc nó xuất ra 10?

Bạn có dòng

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

trong tệp của bạn, điều này sẽ đặt các dấu chấm thành một chuỗi vì nội dung của txt không bị giới hạn ở một số.

để chuyển nó thành int, hãy thay đổi dòng thành:

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

Lưu ý: Ở 10đây chỉ định số thập phân (cơ số 10). Nếu không có điều này, một số trình duyệt có thể không giải thích chuỗi một cách chính xác. Xem MDN: parseInt.

điều đơn giản nhất:

dots = dots*1+5;

các dấu chấm sẽ được chuyển thành số.

ĐỪNG QUÊN - Sử dụng parseFloat();nếu bạn giao dịch với số thập phân.

Tôi đang thêm câu trả lời này vì tôi không thấy nó ở đây.

Một cách là đặt ký tự '+' trước giá trị

thí dụ:

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

x === 15

Tôi thấy đây là cách đơn giản nhất

Trong trường hợp này, dòng:

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

có thể được thay đổi thành

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

buộc nó thành một số

GHI CHÚ:

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

parseInt() nên làm thủ thuật

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

Mang đến cho bạn

sum == 35
pin == "2510"

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

Lưu ý: 10trong parseInt(number, 10)quy định cụ thể thập phân (cơ số 10). Nếu không có điều này, một số trình duyệt có thể không giải thích chuỗi một cách chính xác. Xem MDN: parseInt.

Điều này cũng hoạt động cho bạn:

dots -= -5;

nó thực sự đơn giản

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

điều này buộc javascript phải nhân lên vì không có sự nhầm lẫn cho dấu * trong javascript.

Bạn có thể thêm + vào sau biến và nó sẽ buộc nó phải là một số nguyên

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

Sau khi thử hầu hết các câu trả lời ở đây mà không thành công cho trường hợp cụ thể của tôi, tôi đã nghĩ ra điều này:

dots = -(-dots - 5);

Các dấu + là thứ gây nhầm lẫn cho js và điều này loại bỏ chúng hoàn toàn. Đơn giản để thực hiện, nếu có thể khó hiểu.

CẬP NHẬT kể từ lần cuối cùng bị phản đối ...

Tôi chỉ nhìn thấy một phần

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

trước đó, nhưng sau đó nó đã được hiển thị cho tôi rằng txthộp cung cấp biến dots. Bởi vì điều này, bạn sẽ cần phải đảm bảo "làm sạch" đầu vào, để đảm bảo rằng nó chỉ có số nguyên chứ không phải mã độc hại.

Một cách dễ dàng để làm điều này là phân tích cú pháp hộp văn bản với một onkeyup()sự kiện để đảm bảo nó có các ký tự số:

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

trong đó sự kiện sẽ đưa ra lỗi và xóa ký tự cuối cùng nếu giá trị không phải là số:

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

Rõ ràng là bạn cũng có thể làm điều đó với regex, nhưng tôi đã chọn cách lười biếng.

Từ đó, bạn sẽ biết rằng chỉ có các số trong hộp, bạn có thể chỉ sử dụng eval():

dots = eval(dots) + 5;