导游

如何在 JavaScript 中进行加法

执行 JavaScript 添加似乎是一项简单的任务,直到您发现可以添加它们的多种不同方式。数学计算通常是需要极高精度的关键操作。例如,由于添加了错误的JavaScript,销售产品的网站无法通过向客户多收费几美分来保持信誉。学习如何正确加数字可以帮助您创建可信赖的网站,以有效地处理数字数据。

JavaScript打字

与 C# 等强类型编程语言不同,JavaScript 是松散类型的,允许您将任何数据类型分配给变量,而无需为变量指定特定类型。例如,在 JavaScript 中,您可以为名为“x”的变量分配一个数字,就像将单词“apple”分配给它一样容易。这种灵活性使您可以创建程序而不必担心类型声明。但是,松散的数据类型也有缺点,因为您还可以尝试将一个变量中的数字2与另一个值为“ apple”的变量相加。在强类型的编程语言中不会发生这种情况。

基本的 JavaScript 添加

以下代码将两个数字相加并将结果存储在名为“sum”的变量中:

var x = 1;变量 y = 2; var结果= x + y;

在此简单示例中,结果为“ 3”。在 JavaScript 中通过在它们之间放置一个加号来添加数字。您还可以使用以下语法执行加法:

var x + = y;

“+=”运算符告诉 JavaScript 将运算符右侧的变量添加到左侧的变量中。

浮点加法

浮点数(例如1.234)包含小数点。如果如下图添加浮点数,JavaScript保留小数点,如下图:

无功 x = 1.234; var y = 10; var z = x + y;

在将“ y”添加到“ x”之后,JavaScript将“ 11.234”存储在“ z”变量中。您可以使用“ toFixed”功能控制结果中出现的小数点数量。而不是将“ x”添加到“ y”,而应使用以下语法:

var z =(x + y).toFixed(2);

“toFixed”方法格式化结果,使其只显示两个小数点。将“ 2”更改为任何其他数字,以使许多数字出现在小数点后。

添加文字数据

在尝试将输入的数字添加到文本框中时,您可能发现了一个令人沮丧的问题。文本框包含字符串数据,JavaScript 将它们作为字符串进行操作。以下代码使用加号运算符附加两个字符串:

var x = "苹果" + "橙子";

代码运行后,“ x”变量包含“ ApplesOranges”。如果您使用在 ID 值为“text1”和“text2”的两个文本框中输入的数字执行以下加法,则会发生同样的事情:

var x = document.getElementById("textbox1").value; var y = document.getElementById("textbox2").value; var z = x + y;

如果第一个文本框包含“ 1”,第二个文本框包含“ 2”,则JavaScript会附加这两个值而不是将它们相加,然后将“ 12”存储在“ z”变量中。防止出现这种情况,请使用Number函数,如下所示:

var z = Number(x)+ Number(y);

本例中的结果是 3。

精确

在处理数据时,您的应用程序可能需要四舍五入数字并消除小数点。 Math.Round方法执行此任务,如以下示例所示:

var x = 1.4 var y = 1.2; var z = Math.round(x+y);

通常在此处添加“ x”和“ y”的结果是2.6。但是,如果使用 Math.Round 执行加法运算,JavaScript 会将值舍入为 3。此方法适用于所有浏览器,如果结果为 0.5 或更大,则将数字舍入为下一个整数。

$config[zx-auto] not found$config[zx-overlay] not found