函数行为问题-+ =

如何解决函数行为问题-+ =

我的项目涉及用户从HTML的输入文本框中提供一个数字（在我的示例中，我一直在使用数字3000）。然后在我的外部js文件（在head标签中声明）中，我有一个变量声明为具有属性的对象。

基本上，在文本框中键入金额，然后单击按钮。点击后，它会调用外部javascript文件，该文件具有一个对象，该对象具有已定义的属性，并且具有一个函数，该函数在单击按钮时开始执行。

在该函数内部，您可以看到它从HTML文件的输入框中提取数值的位置，并更改了对象属性（并将结果输出到控制台日志）。

最让人头疼的是，当它执行运算符“ account.savings-= z;”时，它可以完美工作并产生期望的account。Savings-3000（65247）...结果，但是当account.checking + =时z;然后执行，它将两个值混在一起而不是将它们相加（50043000而不是8004）。

我尝试添加account.check到数字3000，并且可以正常运行。

TL：DR-执行函数时，节省--z；工作正常，并应在控制台日志中显示，但acount.savings + = z;合并数字，而不是将其添加到控制台日志中。

var account = {
  checking: 5004,savings: 68247
};

function maths() {

  var z = document.getElementById('amount').value;

  account.savings -= z;
  console.log(account.savings);

  account.checking += z;
  console.log(account.checking);

}

Amount <input id="amount" type="number" placeholder="Amount..." class="form-control" step="0.01" name="amount"><br>

<button type="button" class="btn btn-success" id="login" onclick="maths()" ;>Transfer</button>

解决方法

在JavaScript 5004（数字）+“ 3000”（字符串）等于“ 50043000”（字符串） 您应该以某种方式验证您的输入并将其转换为数字，以确保它在函数中传递了正确的数量。例如：

var account = { checking: 5004,savings: 68247 };
function maths() {
    var z = document.getElementById('amount').value;
    z = parseInt(z);

    account.savings -= z;
    console.log(account.savings);

    account.checking += z;
    console.log(account.checking);
}

maths();

,

一个警告ImanGM's answer：如果您要处理小数而不是整数，ForEach( (0..<self.appData.myJobs.count).filter( { "\($0)".contains(searchBar.text) || searchBar.text.isEmpty }),id: \.self) { index in 将不适合您。我同意ImanGM的意见，应该处理输入验证，但要回答这个问题...

正在执行字符串串联而不是加法。这是因为parseInt给了我们一个字符串。您可以使用以下方法来解决此问题：

document.getElementById('amount').value