Javascript的加法运算符有什么用-创新互联

小编给大家分享一下Javascript的加法运算符有什么用，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

让客户满意是我们工作的目标，不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户，将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴，公司提供的服务项目有：域名与空间、网页空间、营销软件、网站建设、德安网站维护、网站推广。

简介

JavaScript是一门了不起的语言。我喜欢它的灵活性：只需以你喜欢的方式做事：更改变量类型，动态的向对象添加方法或属性，对不同的变量类型使用运算符等等。

然而动态是要付出代价的，开发人员需要知道怎样处理对于不同操作符的类型转换：加号(+)，等号(==和===)，不等号(!=和!==)等等，许多运算符有自己处理类型转换的方式。

加法运算符

最常用的运算符：+，这个运算符用于接连字符串或对数字求和：

字符串连接：

var result = "Hello, " + "World!";
// 字符串 + 字符串 = 字符串 (连接)
// "Hello, World!"

数字算术相加：

var result = 10 + 5;
// 数字 + 数字 = 数字 (相加)
// 15

JavaScript允许使用对象，数组，null或undefined作为操作数。下面试着揭开转换的一般规则。

转换规则

使用下面的等式看一下在操作运算符里JavaScript是如何进行类型转换的：

1. 如果至少有一个操作数是对象，会被转换成原始值（字符串，数字或布尔）；

2. 转换之后，如果至少有一个操作数是字符串类型，第二个操作数会被转换成字符串，并且会执行连接。

3. 在其他的情况下，两个操作数都会转换成数字并执行算数加法运算。

如果两个操作数都是原始类型，运算符会检查是否至少有一个是字符串类型，如果是就执行连接操作。其他情况就都转换为数字并求合。

对象类型转为原始类型

对象类型向原始类型的转换

• 如果对象类型是Date，会调用该对象的toString()；

• 其他情况下，如果valueOf()返回的是原始类型，会调用对象的valueOf()；

• 其他情况下（如果valueOf()不存在或没有返回原始类型），会调用toString()方法，大部分情况下是用的这种转换。

当数组转换为原始类型，JavaScript会使用它的join(',')方法，例如[1,5,6]就是"1,5,6"。普通JavaScript对像{}的原始类型是"[object Object]"。

学习例子

下面的例子帮助我们理解简单和复杂的转换场景。

例1：数字和字符串

var result = 1 + "5"; // "15"

解析：

• 1+"5"(第二个操作数是字符串，基于规则2数字1变"1")

• "1"+"5"(字符串连接)

• "15"

第二个操作数是字符串，第一个操作数从数字转换为字符串，然后进行连接。

例2：数字和数组

var result = [1, 3, 5] + 1; //"1,3,51"

解析：

1. [1, 3, 5] + 1 (使用规则1，将数组[1, 3, 5]转换成原始值: "1,3,5")

2. "1,3,5" + 1 (使用规则，将数字1转换为字符串 "1")

3. "1,3,5" + "1" (字符串连接)

4. "1,3,51"

第1个操作数是数组，所以它被转换为原始字符串值，在下一步数字操作数转换为字符串，然后再完成两个字符串的连接。

例3：数字和布尔类型

var result = 10 + true; //11

解析:

1. 10 + true (基于规则3将布尔值true转换成数字1)

2. 10 + 1 (将两个数字求值)

3. 11

因为两个操作数都不是字符串，布尔值转换成数字，然后执行算术的求和。

例4:数字和对象

var result = 15 + {}; // "15[object Object]"

解析:

1. "15 + {}" (第二操作数是个对象，应用规则1将对象转换为原始类型字符串"[object Object]")

2. 15 + "[object Object]" (使用规则2将数字15转换成字符串 "15")

3. "15" + "[object Object]" (字符串连接)

4. "15[object Object]"

第二个对象操作数转为字符串值，因为valueOf()方法返回对象本身，它不是原始值，toString() 方法就会被调用并返回字符串，第二个操作数现在是字符串了，因此数字也被转换为字符串，最后执行两个字符串的连接。

Example 5: 数字和null

var result = 8 + null; // 8

解析:

• 8 + null (因为两个操作数都不是字符串，基于规则3将null转为数字0)

• 8 + 0 (数字相加)

• 8

因为操作数不是对象也不是字符串，null被转换成数字，然后计算数字的和。

Example 6: 字符串和null

var result = "queen" + null; // "queennull"

解析:

• "queen" + null (因为第一个操作数是字符串，基于规则2将null转成字符串"null")

• "queen" + "null" (字符串连接)

• "queennull"

因为第一个操作数是字符串，null转成字符串，然后进行字符串连接。

Example 7:数字和undefined

var result = 12 + undefined; // NaN

解析:

• 12 + undefined (因为操作数都不是对象或字符串,基于规则3将undefined转为数字NaN)

• 12 + NaN (数字相加)

• NaN

因为操作数都不是对象或字符串，undefined转为数字：NaN，对数字和NaN进行相加求值等于NaN.

可以在JsBin中看这些例子

以上是“Javascript的加法运算符有什么用”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联成都网站设计公司行业资讯频道！

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

分享文章：Javascript的加法运算符有什么用-创新互联
文章源于：https://www.cdcxhl.com/article46/ddidhg.html

成都网站建设公司_创新互联，为您提供品牌网站制作、面包屑导航、App设计、服务器托管、网站收录、外贸网站建设

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联