广告
返回顶部
首页 > 资讯 > 前端开发 > VUE >javascript有哪些算数运算符
  • 470
分享到

javascript有哪些算数运算符

2024-04-02 19:04:59 470人浏览 安东尼
摘要

这篇文章主要介绍“javascript有哪些算数运算符”,在日常操作中,相信很多人在javascript有哪些算数运算符问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”java

这篇文章主要介绍“javascript有哪些算数运算符”,在日常操作中,相信很多人在javascript有哪些算数运算符问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”javascript有哪些算数运算符”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

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

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

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

加法运算符

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

示例:

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

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 );  // 输出: 25
console.log(num1 + str1 );  // 输出:1015

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

减法运算符

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

示例:

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

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

示例:

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

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

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

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

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

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

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

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

取反运算

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

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

乘法运算符

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

示例:

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

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

除法运算符

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

示例:

var g = (9 - 3) / 3;
var h = 3.0 / 1.0;
var i = 1 / 2;

console.log(g);  //输出:2
console.log(h);  //输出:3
console.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++);  // 输出:9

console.log(a);    // 输出:10

console.log(++a);  // 输出:11
  • 变量 a 的值为9,然后使用后置递增运算符a++,第一次输出会在递增之前就返回数值,即输出结果还是 9。

  • 然后此时输出 a 的值,可以看到 a 的值已经为10了,因为已经执行了一次递增运算符,所以加 1。

  • 接着第三次输出时,使用前置递增运算符,这会在递增之后才返回数值,即输出结果为11。

递减运算符

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

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

示例:

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

console.log(b);    // 输出:6

console.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有哪些算数运算符”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注编程网网站,小编会继续努力为大家带来更多实用的文章!

--结束END--

本文标题: javascript有哪些算数运算符

本文链接: https://www.lsjlt.com/news/73409.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • javascript有哪些算数运算符
    这篇文章主要介绍“javascript有哪些算数运算符”,在日常操作中,相信很多人在javascript有哪些算数运算符问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”java...
    99+
    2022-10-19
  • javascript算术运算符有哪些
    javascript中的算术运算符有:1.加法运算符,数值求和;2.减法运算符,两数相减;3.乘法运算符,乘积运算;4.除法运算符,计算两个数值的商;5.取余运算符,计算两个数值的模;6.递增运算符,数值加1;7.递减运算符,数值减1;8....
    99+
    2022-10-12
  • JavaScript运算符有哪些
    这篇文章将为大家详细讲解有关JavaScript运算符有哪些,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。JavaScript运算符有六种,分别是:1、算术运算符,+、-、*等;2、等同全同运算符,“==...
    99+
    2023-06-15
  • JavaScript运算符种类有哪些
    这篇文章主要介绍了JavaScript运算符种类有哪些,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。运算符运算符种类:算数运算符、复合运算符...
    99+
    2022-10-19
  • javascript赋值运算符有哪些
    javascript中的赋值运算符有:1.等号赋值运算符(=);2.加等赋值运算符(+=);3.减等赋值运算符(-=);4.乘等赋值运算符(*=);5.除等赋值运算符(/=);6.模等赋值运算符(%=);javascript中的赋值运算符有...
    99+
    2022-10-24
  • javascript关系运算符有哪些
    javascript中的关系运算符有:1.大于号(>);2.小于号(=);4.小于等于()判断符号左侧的值是否大于右侧的值。result = 5 > 4; //返回true小于号(=)判断符号左侧的值是否大于或等于右侧的值。result =...
    99+
    2022-10-13
  • javascript特殊运算符有哪些
    javascript中的特殊运算符有:1.逗号运算符;2.in运算符;3.instanceof运算符;4.typeof运算符;5.delete运算符;6.void运算符;javascript中的特殊运算符有以下几种逗号运算符javascri...
    99+
    2022-10-24
  • shell中的算数运算符有哪些
    这篇文章主要介绍了shell中的算数运算符有哪些的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇shell中的算数运算符有哪些文章都会有所收获,下面我们一起来看看吧。下面列出了常用的算术运算符,假定变量 a 为 ...
    99+
    2023-06-27
  • JavaScript有哪些常见的运算符
    小编给大家分享一下JavaScript有哪些常见的运算符,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!JavaScript常见运...
    99+
    2022-10-19
  • JavaScript中有哪些赋值运算符
    本篇文章给大家分享的是有关JavaScript中有哪些赋值运算符,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。JavaScript的特点1.JavaScript主要用来向HTM...
    99+
    2023-06-14
  • javascript的逻辑运算符有哪些
    本篇内容介绍了“javascript的逻辑运算符有哪些”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成! ...
    99+
    2022-10-19
  • JavaScript的按位运算符有哪些
    本篇内容主要讲解“JavaScript的按位运算符有哪些”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“JavaScript的按位运算符有哪些”吧!JavaScr...
    99+
    2022-10-19
  • javascript的赋值运算符有哪些
    这篇文章主要介绍“javascript的赋值运算符有哪些”,在日常操作中,相信很多人在javascript的赋值运算符有哪些问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”ja...
    99+
    2022-10-19
  • JavaScript中比较运算符有哪些
    JavaScript中的比较运算符有:1.大于号(>);2.小于号(<);3.大于等于(>=);4.小于等于(<=)JavaScript中的比较运算符有以下几种大于号(>)判断符号左侧的值是否大于右侧的值。re...
    99+
    2022-10-09
  • JavaScript中有哪些魔法运算符
    JavaScript中有哪些魔法运算符?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。javascript是一种什么语言javascript是一种动态类型、弱类型的语言,基于...
    99+
    2023-06-14
  • java算术运算符有哪些
    本篇文章为大家展示了java算术运算符有哪些,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。概念算术运算符用在数学表达式中,它们的作用和在数学中的作用一样。运算符描述实例+加法 - 相加运算符两侧的值...
    99+
    2023-06-20
  • JavaScript运算符、 算数运算符、赋值运算符怎么用
    这篇文章主要介绍“JavaScript运算符、 算数运算符、赋值运算符怎么用”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“JavaScript运算符、 算数运算符、...
    99+
    2022-10-19
  • Python3运算符有哪些
    本篇内容主要讲解“Python3运算符有哪些”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Python3运算符有哪些”吧! Python语言支持的运算符(1)算术运算符(2)比较(关系)运算符(...
    99+
    2023-06-02
  • MYSQL有哪些运算符
    这篇文章主要介绍“MYSQL有哪些运算符”,在日常操作中,相信很多人在MYSQL有哪些运算符问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”MYSQL有哪些运算符”的疑惑有所帮助!接下来,请跟着小编一起来学习吧...
    99+
    2023-06-25
  • oracle运算符有哪些
    这篇文章主要为大家展示了“oracle运算符有哪些”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“oracle运算符有哪些”这篇文章吧。oracle数据库中的数据,在查询的时候,通常不是一个条件就...
    99+
    2023-06-27
软考高级职称资格查询
推荐阅读
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作