javascript算术运算符有哪些

javascript算术运算符有:加法运算符“+”,减法运算符“-”、乘法运算符“*”、除法运算符“/”、求余运算符“%”、递增运算符“++”、递减运算符“–”、幂运算符“**”。

javascript算术运算符有哪些

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

算术运算符用于对数字(文字或变量)执行算术运算。标准算术运算符是加法 +,减法 -,乘法 * 和除法 /。和数学里面的加减乘除很类似,我们一起来看一下。

加法运算符

加法运算符 + 的作用是数值求和,这个应该很简单。

示例:

下面是简单的求两数之和:

立即学习“Java免费学习笔记(深入)”;

var a = 8;var b = a + 5;console.log(b);  // 13

登录后复制

+ 激发运算符除了计算两数之和,我们可以通过 + 连接字符串,得到的结果是一个新的字符串。

示例:

使用 + 将定义好的三个变量连接:

str1 = "hello";str2 = "xkd";str3 = " ";console.log(str1 + str3 + str2);  // 输出: hello xkd

登录后复制

除此之外,数字和一个字符串也可以通过 + 加号连接,返回结果同样为一个字符串。

示例:

看一下数字与数字相加,数字与字符串相加有什么不同:

num1 = 10;num2 = 15;str1 = "15"console.log(num1 + num2 );  // 输出: 25console.log(num1 + str1 );  // 输出:1015

登录后复制

注意在某些编程语言(例如Python)中不同类型是不能进行相加的,例如数字加字符串会报错。而 JavaScript 中数字和字符串相加,返回一个字符串。

减法运算符

减法运算符 – 可以用于两个操作数相减,结果为它们的差值。

示例:

var c = 8;var d = c - 5;console.log(d);  // 3

登录后复制

在减法运算中,如果操作数为字符串,先尝试把它转换为数值,再进行运算。如果有一个操作数不是数字,则返回 NaN。

示例:

console.log(2 - "1");  //返回1console.log(2 - "a");  //返回NaN

登录后复制

使用值减去 0,可以快速把值转换为数字。例如 HTTP 请求中查询字符串一般都是字符串型数字,可以先把这些参数值减去 0 转换为数值。这与调用 parseFloat() 方法的结果相同,但减法更高效、快捷。减法运算符的隐性转换如果失败,则返回 NaN,这与使用 parseFloat() 方法执行转换时的返回值是不同的。

例如,对于字符串“100aaa”而言,parseFloat() 方法能够解析出前面几个数字,而对于减法运算符来说,则必须是完整的数字,才可以进行转换。

console.log(parseFloat("100aaa"));  //返回100console.log("100aaa" - 0);  //返回NaN

登录后复制

对于布尔值来说,parseFloat() 方法能够把 true 转换为 1,把 false 转换为 0,而减法运算符视其为 NaN。

对于对象来说,parseFloat() 方法会尝试调用对象的 toString() 方法进行转换,而减法运算符先尝试调用对象的 valueOf() 方法进行转换,失败之后再调用 toString() 进行转换。

注意特殊操作数的减法运算。

var n = 5;  //定义并初始化任意一个数值console.log(NaN - n);  //NaN与任意操作数相减,结果都是NaNconsole.log(Infinity - n);  //Infinity与任意操作数相减,结果都是Infinityconsole.log(Infinity - Infinity);  //Infinity与Infinity相减,结果是NaNconsole.log((-Infinity) - (-Infinity));  //负Infinity相减,结果是NaNconsole.log((-Infinity) - Infinity);  //正负Infinity相减,结果是-Infinity

登录后复制

取反运算

注意特殊操作数的取反运算

console.log(- 5);  //返回-5。正常数值取负数console.log(- "5");  //返回-5。先转换字符串数字为数值类型console.log(- "a");  //返回NaN。无法完全匹配运算,返回NaNconsole.log(- Infinity);  //返回-Infinityconsole.log(- (- Infinity));  //返回Infinityconsole.log(- NaN);  //返回NaN

登录后复制

乘法运算符

乘法运算符 * 的结果是操作数的乘积。

示例:

var e = (8 + 5) * 3;var f = 'xkd' * 3;console.log(e);  // 输出:39console.log(f);  // 输出:NaN

登录后复制

如果我们使用一个字符串与一个数字相乘,最终返回一个NaN,即非法数。

除法运算符

除法运算符 / 的结果是操作数的商 ,左操作数是被除数,右操作数是除数。

示例:

var g = (9 - 3) / 3;var h = 3.0 / 1.0;var i = 1 / 2;console.log(g);  //输出:2console.log(h);  //输出:3console.log(i);  //输出:0.5

登录后复制

我们需要注意的是,在 JavaScript 中 1 / 2 这种结果带小数点的运算,结果会带小数点,例如 0.5。而在 Java 等语言中,不需要数字是明确的浮点数,1 / 2 的返回结果为0。

求余运算符

百分号 % 是求余运算符,返回第一个操作数对第二个操作数的模(余数),例如 x % y,得到的结果是x 除以y 的整型余数。余数大家应该知道,我们在数学中也学过,就是指整数触发中被除数未被除尽的部分。

示例:

例如下面这段代码:

var m = 9;var n = 2;var mn = m % n;console.log(mn);  //输出: 1

登录后复制

输出结果为1,这其实很好理解,9 % 2 就是求 9 除以 2 的余数,就是1。

那么如果是 12 % 5 呢,输出结果会是什么? 12除以5会余2,所以结果结果为2。现在你应该知道 % 要怎么使用了吧。

递增运算符

递增运算符 ++ 为其操作数增加1,并返回一个数值。如果使用后置,如x++,将会在递增前返回数值。如果前置,如 ++x,将会在递增后返回数值。

示例:

假设我们定义了一个变量 i,然后使用自增运算符对 i 进行递增运算,将递增后的 i 赋值给了变量 j,最终j 的输出结果为 6:

var i = 5;i++;var j = i;console.log(j);  // 6

登录后复制

那为什么结果会是6呢,i++ 其实就是表示在 i 的基础上加一,相当于i + 1。

然后我们看一下递增运算符前置和后置,到底有什么区别,例如下面这个代码:

var a = 9;console.log(a++);  // 输出:9console.log(a);    // 输出:10console.log(++a);  // 输出:11

登录后复制变量 a 的值为9,然后使用后置递增运算符a++,第一次输出会在递增之前就返回数值,即输出结果还是 9。然后此时输出 a 的值,可以看到 a 的值已经为10了,因为已经执行了一次递增运算符,所以加 1。接着第三次输出时,使用前置递增运算符,这会在递增之后才返回数值,即输出结果为11。

递减运算符

递减运算符 — 为其操作数减去1,并返回一个数值。递减运算符和递增运算符的使用方法差不多,一个是减、一个是加,正好相反。

如果后置使用递减运算符,则在递减之前返回数值。如果前置使用,则在递减之后返回数值。

示例:

var b = 7;console.log(b--);  // 输出:7console.log(b);    // 输出:6console.log(--b);  // 输出:5

登录后复制变量b的值为7,然后使用后置递减运算符b–,会在递减之钱返回数值,即7。然后第二次输出变量b,此时已经成功执行b– ,会在此基础上减1,所以输出6。第三次输出–b,使用后置递减运算符,会在递减之后返回数值,所以会输出5。

幂运算符

幂运算符 ** 返回第一个操作数做底数,第二个操作数做指数的乘方。例如5 ** 2 表示 5 的 2 次方,根据所学数学知道就能得出结果为25。

示例:

下面这个代码表示求 6 的 3 次方,相当于 6 * 6 * 6,结果为216:

var x = 6;var y = x ** 3;console.log(y);  // 216

登录后复制

上面的运算出的结果与 Math.pow(x, y) 是相同的,例如:

var x = 6;var y = Math.pow(x,3);console.log(y);  // 216

登录后复制

pow()方法可返回 x 的 y 次幂的值。

【推荐学习:javascript高级教程】

以上就是javascript算术运算符有哪些的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2710173.html

(0)
上一篇 2025年3月7日 20:50:02
下一篇 2025年2月25日 20:34:18

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • javascript如何表示空指针

    在javascript中,用null表示空指针。null的主要用途就是在赋值不确定的情况下,用一个null代替赋值,后面用在时候再重新赋值,初始赋值用null,几乎不占据内存空间。 本教程操作环境:windows7系统、javascript…

    2025年3月7日
    200
  • JavaScript中获取元素的方法有哪些

    JavaScript中获取元素的方法有:1、根据id获取元素;2、根据标签名字获取元素;3、根据name属性的值获取元素;4、根据类样式的名字获取元素;5、根据选择器获取元素。 本教程操作环境:windows7系统、javascript1.…

    2025年3月7日
    200
  • JavaScript有没有集合

    JavaScript中有集合,JavaScript中的HTMLCollection对象是类数组的HTML元素列表(集合)。getElementsByTagName()方法返回HTMLCollection对象。 本教程操作环境:windows…

    2025年3月7日
    200
  • javascript中src是什么意思

    javascript中src是:1、指定浏览器解释脚本代码语言的属性;2、指定浏览器以何种语言解释脚本代码;3、指明脚本所在文件,把src后面的内容传给服务器;4、指明脚本的大小。 本教程操作环境:windows7系统、javascript…

    2025年3月7日
    200
  • 什么是javascript事件模型

    在各种浏览器中存在三种事件模型:原始事件模型,DOM2事件模型和IE事件模型。其中原始的事件模型被所有浏览器所支持。而DOM2中所定义的事件模型目前被除了IE以外的所有主流浏览器支持。 本教程操作环境:windows7系统、javascri…

    2025年3月7日
    200
  • javascript中in的用法是什么

    javascript中in的用法是:1、判断属性是否存在于对象中,如果存在,返回值为true,如果不存在,则为false;2、判断数组,对于数组来说,索引号就是属性,可以使用数组索引,也可以使用字符串。 本教程操作环境:windows7系统…

    2025年3月7日
    200
  • javascript怎么将整型数据转为字符串

    javascript将整型数据转为字符串的方法:1、使用加号运算符,当整型值与空字符串相加运算时,会自动把值转换为字符串。2、使用toString()方法,语法“值.toString()”。 本教程操作环境:windows7系统、javas…

    2025年3月7日
    200
  • javascript和java有关系吗

    JavaScrip和Java就本质而言它们竟然没有关系。就历史来源来说它们还是有一定的渊源的,事实上JavaScript早期叫LiveScript。那个时候Java就已经是炙手可热的状态了,所以LiveScript就被改名成Javascr …

    2025年3月7日 编程技术
    200
  • 如何理解javascript是动态语言

    动态类型语言的变量类型要到程序运行的时候,待变量被赋予某个值之后,才会具有某种类型。Javascript是一种解释性语言,而并非编译性,它不能编译成二进制文件。 本教程操作环境:windows7系统、javascript1.8.5版、Del…

    2025年3月7日
    200
  • javascript怎么改变src属性值

    javascript改变src属性值的方法:1、使用setAttribute()方法,语法“元素对象.setAttribute(“src”,”属性值”)”;2、利用HTML DOM的src属性…

    2025年3月7日
    200

发表回复

登录后才能评论