JavaScript学习记录之js算数操作符

最新推荐文章于 2022-12-05 23:46:41 发布
最新推荐文章于 2022-12-05 23:46:41 发布
阅读量187 收藏
点赞数
分类专栏： 前端 JavaScript 文章标签： JavaScript
本文为博主原创文章，未经博主允许不得转载。
本文链接：https://blog.csdn.net/qq_42435041/article/details/83508024
版权

学习目标：

1.什么是表达式

  • 表达式：将同类型的数据（如常量、变量、函数等），用运算符号按一定的规则连接起来，有意义的式子称为表达式。 （简单的说就是±/*以及比较的运算）

2.JavaScript操作符的分类

  • 算数操作符

加：+
减：-
乘：*
除：/
取余：%

<!DOCTYPE html>
<html>
<head>
	<title>运算</title>
</head>
<body>
	<script type="text/javascript">
		var num1 = 10,num2 = 5;
		alert(num1+num2);  //15
		//最简单的算数运算
	</script>

重点：
1.递增：++a与a++都是对a进行递增的操作
区别：++a先返回递增知乎的值

<!DOCTYPE html>
<html>
<head>
	<title>运算</title>
</head>
<body>
	<script type="text/javascript">
		var a=1;
		alert(++a); //2
		//先进行递增再返回值（本身为1，++在前，就是先加在返回）
	</script>

a++则是先返回a本身的值，在本身再进行递增

<!DOCTYPE html>
<html>
<head>
	<title>运算</title>
</head>
<body>
	<script type="text/javascript">
		var a=1;
		alert(a++); //1
		//返回自身再进行递增
	</script>

2.递减的操作也是一样的
在算数操作符里，还有一个叫隐式转换

<!DOCTYPE html>
<html>
<head>
	<title>运算</title>
</head>
<body>
	<script type="text/javascript">
		var num1 = 10,num2 = "5";
		//隐式转换
		alert(num1*num2);  //50
		alert(num1-num2); //5
		
		//如果是字符串呢
		var str = "c";
		alert(num1 - str) //NaN
		//当你使用+号时
		alert(num1+str); //10+c
		//这是因为浏览器把+看成了连接符
	</script>
  • 逻辑操作符
  • 赋值操作符

简单的赋值：=
复合赋值：+=、-=、*=、/=、%=

<!DOCTYPE html>
<html>
<head>
	<title>运算</title>
</head>
<body>
	<script type="text/javascript">
		var a = 5;
		//a = a +5 麻烦的写法
		a+=5;
		alert(a);
		//他们的结果都为10，其他都一样操作
		var str = "Hello"
		str+="world"
		alert(str)  //起到连接作用
	</script>
  • 比较操作符
    在这里插入图片描述
    说明： == 为 等于（值相等）、===全等（数据类型与值都相等）、!=不等、!==不全等

== 、 ===

<!DOCTYPE html>
<html>
<head>
	<title>运算</title>
</head>
<body>
	<script type="text/javascript">
		var x = 10, y = "10";
		z = x ==y; //只比较值
		console.log(z) //true
		z= x === y; //比较值同时也比较类型
		console.log(z) //false
	</script>
</body>
</html>

!== 、 !===

<!DOCTYPE html>
<html>
<head>
	<title>运算</title>
</head>
<body>
	<script type="text/javascript">
		var x = 10,y="10";
		//!=为取反操作
		z = x != y  //false
		z = x !== y; //true
		console.log(z)
	</script>
</body>
</html>
  • 三元操作符

语法：条件?执行代码1:执行代码2
说明： 可以替代简单的if语句；（效率高且更加简洁）
如果条件成立，执行代码1，否则执行代码2.

<!DOCTYPE html>
<html>
<head>
	<title>运算</title>
</head>
<body>
	<script type="text/javascript">
		var soce = 85;
		var result = (soce >= 60)?"及格":"不及格";
		console.log(result); //及格
		//soce>=60为true，返回第一条执行代码。
	</script>
</body>
</html>
  • 逻辑操作符
    &&：与
    只要有一个条件不成立，就会返回false
<!DOCTYPE html>
<html>
<head>
	<title>逻辑运算</title>
</head>
<body>
	<script type="text/javascript">
	var num1 = 10,num2 = 20,num3 = 30;
	console.log(num1<num2 && num2 ==num3);//false
	console.log(num2 < num3 && num3 > num1); //true
	</script>
</body>
</html>

说明： 在有一个操作数不为布尔值得情况，逻辑与操作就一定返回值，此时它遵循下列规则：

  • 如果第一个操作数隐式转换为true后，则返回第二个操作数（当第一个值被转换为布尔值时，就会返回第二个值）
<!DOCTYPE html>
<html>
<head>
	<title>逻辑运算</title>
</head>
<body>
	<script type="text/javascript">
//之前讲过所有的字符串除了""为false，其余都为true，所有数字除0以外，其余全为true
	var num3 = 30,
		str = "welcome";
		console.log(str && num3) //30（返回第二个操作数）
	console.log(80 && 50 && "hello"); //hello 多于两位，则返回最后一位
	</script>
</body>
</html>
  • 如果第一个操作数隐式转换为false，则返回第一个操作数值
    （有一个数为null就返回null，有undefined就返回undefined，有NaN就返回NaN）
<!DOCTYPE html>
<html>
<head>
	<title>逻辑运算</title>
</head>
<body>
	<script type="text/javascript">
	var n =null, num3 = 20;
	colsole.log(n && num3) //null
	</script>
</body>
</html>

||：或
只要有一个为true，就返回true。

<!DOCTYPE html>
<html>
<head>
	<title>逻辑运算</title>
</head>
<body>
	<script type="text/javascript">
	console.log(0 || "abc") //abc 
	</script>
</body>
</html>

说明： 在有一个操作数不为布尔值得情况，逻辑与操作就一定返回值，此时它遵循下列规则：

  • 如果第一个操作数隐式转换为true后，则返回第二个操作数（当第一个值被转换为布尔值时，就会返回第二个值）
    如果两个操作数null，则返回null
    如果两个数为NaN，则则会返回Nan
    如果两个数为undefined，则返回undefined
<!DOCTYPE html>
<html>
<head>
	<title>逻辑运算</title>
</head>
<body>
	<script type="text/javascript">
	console.log("hello" || 0); //hello
	console.log(99 || 0 || "abc"); //99
	console.log("" || 0 || "abc"); //abc
	</script>
</body>
</html>

!：非

  • 无论操作数是什么数据类型，逻辑非都会返回一个布尔值
<!DOCTYPE html>
<html>
<head>
	<title>逻辑运算</title>
</head>
<body>
	<script type="text/javascript">
	console.log(!false); //true
	console.log(!88); //false
	console.log(!0); //true
	console,log(!null) //true
	</script>
</body>
</html>
  • !!同时使用两个逻辑非操作符时：
    第一个逻辑非操作会基于无论什么操作数返回一个布尔值，
    第二个逻辑非则对改布尔值求反
<!DOCTYPE html>
<html>
<head>
	<title>逻辑运算</title>
</head>
<body>
	<script type="text/javascript">
	console.log(!!false); //false
	console.log(!!""); //false
	</script>
</body>
</html>
HsuVenChing
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
JavaScript 学习笔记之操作符
10-24
本文着重给大家介绍了javascript的操作符，包含一元操作符、位操作符、布尔操作符这3种类型，讲解的十分全面，小伙伴们参考下
C语言操作符（运算符）详解
最新发布
lzf的博客
12-15 673
操作符2000字详解
操作符详解（1）算数操作符，移位操作符
weixin_62529445的博客
02-22 464
不懂操作符和原反补码的相关知识可以点开看哦！
算术操作符
小柒的前端之旅
07-18 438
前面的话 JavaScript的操作符有46个，虽然语法简单，但也不能小觑，复杂的表达式运算，也是比较复杂的。掌握操作符的语法，才能正确使用这些操作符。这篇文章将介绍算数操作符：包括一元算数操作符、二元算数操作符 在谈算数操作符前，先谈什么是一元操作符 一元操作符 只能操作一个值的操作符叫做一元操作符，例如 ++ 、–、一元+、一元-等 。一元操作符的优先级很大，并且运算时，都是右结合。 二元...
计算机的运算符号,运算符号包括哪些
热门推荐
weixin_28455801的博客
07-26 2万+
运算符号包括哪些2020-02-13 10:14:34文/董月运算符号有如加号(+)，减号(－)，乘号(×或·)，除号(÷或/)，两个集合的并集(∪)，交集(∩)，根号(√￣)，对数(log，lg，ln，lb)，比(:)，绝对值符号| |，微分(d)，积分(∫)，闭合曲面(曲线)积分(∮)等。运算符号1、算术运算符用于各类数值运算。包括加(+)、减(-)、乘(*)、除(/)、求余(或称模运算，%)...
c++ 操作符-算术操作符
m0_62870588的博客
03-11 1091
计算机程序可以看作一串运算式，可以对各种运算类型进行运算。这种运算不仅仅是代数上的加减乘除，也可以是在计算机中存在的数据类型的改变，还可以是一种抽象的操作。比如说我们定义组装两个机械零件，那么我们也可以定义一种已知的操作“+”，使其能够表示组装零件的操作，总之，对于基本的整型、浮点数等的种种运算操作，我们都可以用操作符（Operator）来表示。操作符一般以一到两个特殊符号的形式出现。 每个操作符要完成运算需要的数据，也就是操作数。不同的操作符所需要的操作个数是不一样的，“...
JavaScript 学习笔记之操作符（续）
10-24
上篇文章我们讲解了javascript的操作符中的一元操作符、位操作符、布尔操作符，今天我们继续讲解剩下的几个操作符，包括乘性操作符、加性操作符、相等操作符、条件操作符、赋值操作符、逗号操作符，小伙伴们仔细研读...
Javascript基础教程之比较操作符
10-24
主要介绍了Javascript基础教程之比较操作符,需要的朋友可以参考下
C语言基础5：操作符详解：算术、移位、赋值、单目、关系、逻辑、条件、逗号表达式、下标引用、表达式求值
LIHAO的博客
12-05 750
C语言基础5：操作符详解：算术、移位、赋值、单目、关系、逻辑、条件、逗号表达式、下标引用、表达式求值
C语言——操作符详解
weixin_57525369的博客
11-26 6626
目录 操作符分类： 1、算术操作符 2、位操作符 3、赋值操作符 4、单目操作符 5、关系操作符 6、逻辑操作符 7、条件操作符 8、逗号操作符 9、下标引用、函数调用和结构成员 1、算术操作符 + - * / % % 是取模操作符，意思就是 求余数。 int ret = 10 % 3; //求10 % 3的余数，得出的余数是1 printf("%d\n", ret); 注意的是：% .........
16.算术运算符（操作符）
quanxiaobai_的博客
06-29 142
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>算术运算符（操作符）</title> <script type="text/javascript"> /* 运算符也叫操作符 通过运算符可以对一个或多个值进行运算，并获取运算结果 比如：typeof就是一个运算符，可以来获得一个值的类型
JS算数运算符
shmilynn_的博客
02-17 1767
1.运算符 运算符也成为操作符，是用于实现赋值、比较和执行算数运算等功能的符号。 js中最常用的运算符有： ????算数运算符 ????递增和递减运算符 ????比较运算符 ????逻辑运算符 ????赋值运算符 2.算数运算符 算术运算符使用的符号，用于执行两个变量或者值的算数运算 3.浮点数精度问题 浮点数值的最高精度是17位数，所以在进行算数计算时其精确度远远不如整数。 算术运算会出现问题 不要直接判断两个浮点数是否相等 如果一个数取余是0，说明他能被这个数整除
算术操作符（Mathematical operator）
u011282025的专栏
08-20 794
Java 的基本算术操作符与其他大多数程序设计语言是相同的。其中包括加号（+）、减号（-）、 除号（/）、乘号（*）以及模数（%，从整数除法中获得余数）。整数除法会直接去掉结果的 小数位，而不是四舍五入的进位。 Java 也使用一种简化符号同时进行运算与赋值操作。它用操作符后紧跟一个等号来表示， 这对于 Java 中的所有操作符都适用，只要其有实际意义就行。例如，要将 x 加 4，
操作符之算术操作符
岁月净好
06-21 278
算术操作符 Java的基本算术操作符与其他大多数程序设计语言是相同的，其中包括加号（+），减号（—），除号（/），乘号（*）以及取模操作符（%，它从整数除法中产生余数）。整数除法会直接去掉结果的小数位，而不是四舍五入地圆整结果。 Java也使用一种来自C和C++的简化符号同时进行运算与赋值操作，这用操作符后紧跟一个等号来表示，它对于Java中的所有操作符都适用，只要其有实际意义就行。例如，要将x加4，并将结果赋回给x，可以这么写：x=4。 下面这个例子展示了各种算术操作符的用法： //:operato
js 算数操作符
猿叔的博客
07-20 171
js常用算数操作符 加法操作符（+），减法操作符（-），除法操作符（/），乘法操作符（*） tips： 加号（+）既可以用于数值也可以用于字符串。把多个字符串相加叫做拼接。 可用于数字和字符串相加 或者 字符串和字符串相加 或者 数字和字符串相加 扩展： i++ 和 ++i let num = 0 console.log(++num) //1 1.前置递增（++）： 在变量的前面，先自身执行加法操作后在赋值(++i); let num = 0 console.log(num++) //0 2.后置递
Java自学-操作符 算数操作符
我的博客
03-13 187
Java的算数操作符 算数操作符 基本的有： + - * / % 自增 自减 ++ -- 基本的加 减 乘 除： public class HelloWorld { public static void main(String[] args) { int i = 10; int j = 5; int a = i+j; in...
C语言操作符详解(上),算数操作符,移位操作符,位操作符,赋值操作符
persistence_Y的博客
04-12 489
操作符分类: 算数操作符 移位操作符 位操作符 赋值操作符 单目操作符 关系操作符 逻辑操作符 条件操作符 逗号表达式 下标引用,函数调用和结构成员 算数操作符;+ - * / % 1.%,求模的时候不能模0,也不涉及浮点数的求模,只能针对整数求模,而其他的几个操作符可以作用与整数和浮点数. 2.对于/操作符如果两个操作数都为整数,就执行整数除法.而只要有浮点数,执行的就是浮点数除法.具体示例如下...
JavaScript基础&BOM，学习Java第42天
07-31
JavaScript基础&BOM技术 Java Script由三个主要组成部分：ECMAScript（核心），BOM（浏览器对象模型），DOM（文档对象模型 注：ECMAScript描述了语法、类型、语句、关键字、保留字、运算符和对象。它就是定义了脚本语言的所有属性、方法和对象，DOM把整个页面规划成由节点层构成的文档，它不与浏览器、平台、语言相关，为web开发者提供一个标准可以访问站点中的数据、脚本和表现层对象。BOM是浏览器的一种特性，它可以对浏览器窗口进行访问和操作，例如移动、关闭窗口，调整窗口的大小，支持cookie等。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

HsuVenChing

文章能帮你，那将是我最大的荣幸

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值