初识JavaScript（运算符day10）

最新推荐文章于 2024-07-24 11:09:48 发布

爱吃辣的小橙

最新推荐文章于 2024-07-24 11:09:48 发布

阅读量109

点赞数

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/Ccyqz1/article/details/121715220

版权

1.运算符

运算符（operator）也被称为操作符，适用于实现赋值，比较和执行算数运算功能的符号。

JavaScript 中常用的运算符有：

算数运算符

递增递减运算符

比较运算符

逻辑运算符

赋值运算符

2.算数运算符

2.1算数运算符概念

概念:算数运算使用的符号用于执行两个变量或值的算数运算。

运算符	描述	实例
+	加	10+20=30
-	减	10-20=-10
*	乘	10*20=200
/	除	10/20=0.5
%	取余数（取模）	返回除法的余数9%2=1

底下是一些简单的运算

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    console.log(1 + 1);//2
    console.log(1 - 1);//0
    console.log(1 * 1);//1
    console.log(1 / 1);//1
    //1.% 取余
    console.log(4 % 2);//0
    console.log(5 % 3);//2
    console.log(3 % 5);//3
    //2.浮点数  算数运算里面会有问题
    console.log(0.1 + 0.2 );//0.30000000000000004
    //3 我们不能直接拿着浮点数来进行比较  是否相等

    var num = 0.1 + 0.2；
    console.log（num == 0.3）；//false
</script>
</body>
</html>

浮点数值的最高精度是17位小数，但是在进行算数计算的时其精度远远不如整数。

所以：不要之间判断两个浮点数是否相等。

2.3问题汇总

1 问：我们怎么判断一个数能否被整除呢？

答：它的余数是0，就说明这个数能被整除，这就是%取余运算符的主要用途。

2.问： 1 + 2 * 3 结果是？

答：注意算数运算符也是有优先级的，先乘除，后加减，有小括号先算小括号内的。

2.4表达式和返回值

表达式:是由数字、运算符、变量等以能求得数值的有意义排列方法所得的组合

简单理解：是由数字、运算符、变量等组成的式子

表达式最终都会有一个结果，返回给我们，我们称之为返回值

console.log（1 + 1）；//2 就是返回值
//在我们的程序里面 2 = 1 + 1  把我们右边表达式计算完毕把返回值给左边
var num = 1 + 1；

3.递增和递减运算符

3.1 递增和递减运算符概述

如果需要反复给数字变量添加或减去1，可以使用递增（+ +）和递减（- -）运算符来完成。

在JavaScript中，递增（+ +）和递减（- -）既可以放在变量前面，也可以放在变量后面，放在变量前面时，我们可以称为前置递增（递减）运算符，放在变量后面时，我们可以称为后置递增（递减）运算符。

注意：递增和递减运算符必须和变量配合使用。

3.2递增运算符

前置运算符

++num前置递增，就是自加1，类似于 num = num + 1，但是 ++num 写起来更简单。

//2.前置递增运算符 ++ 卸载变量前面
var age = 10；
++age；//类似于 age = age + 1

var p = 10；
console.log（++p + 10）//21

使用口诀：先自加1，后返回值。

后置递增运算符

num++ 后置递增，就是自加1，类似于 num = num + 1，但是 num++ 写起来更简单。

使用口诀：先返回值，后自加

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    var num = 10;
    num ++; //num num + 1
    console.log(num);
    //1.前置自增和后置自增如果单独使用  效果是一样的
    //2.后置自增口诀:先返回原值  后自加1
    var age = 10;
    console.log(age++ + 10);//20  先返回原值
    console.log(age);//11
</script>
</body>
</html>

3.3前置递增和后置递增小结

前置递增和后置递增运算符可以简化代码的编写，让变量的值 + 1 比之前写法更加简单

单独使用结果相同。

与其他代码联用时，执行结果会不同

后置：先原值运算，后自加（先人后己）

前置：先自加，后运算（先己后人）

开发时，大部分使用后置递增/减,并且代码独占一行,例如 num++;或者 num--;

4.比较运算符

4.1比较运算符

概念:比较运算符(关系运算符)是两个数据进行比较时所使用的运算符,比较运算后,会返回一个布尔值(true/false)作为比较运算的结果。

运算符名称	说明	案例	结果
<	小于号	1 < 2	true
>	大于号	1 > 2	false
>=	大于等于号(大于或者等于)	2 >= 2	true
<=	小于等于号(小于或者等于)	3 <= 2	false
==	判等号(会转型)	37 == 37	true
!=	不等号	37 != 37	false
=== !==	全等要求值和数据类型都一直	37==='37'	false

console.log(3 >= 5); //false
console.log(2 <=4 ); //true
//1.我们程序里面等于符号是 ==    默认转换数据类型   会把字符串型的数据转换为数字型 只要求值相等
console.log(3 == 5);
console.log('程序猿' == '程序媛');//false
console.log(18 == 18);//ture
console.log(18 =='18');//true
console.log(18 != 18);//false
//2.我们程序里面有全等 一模一样  要就两侧的值 还有 数据类型完全一致才可以 true
console.log(18 === 18);//true
console.log(18 ==='18');//false

4.2 = 小结

符号	作用	用法
=	赋值	把右边给左边
==	判断	半段两边值是否相等(注意此时有隐式转换)
===	全等	判断两边的值和数据类型是否完全相等

爱吃辣的小橙

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
初识JavaScript（运算符day10）

目录1.运算符2.算数运算符2.1算数运算符概念2.3问题汇总2.4表达式和返回值3.递增和递减运算符3.1 递增和递减运算符概述3.2递增运算符3.3前置递增和后置递增小结4.比较运算符4.1比较运算符4.2 = 小结1.运算符运算符（operator）也被称为操作符，适用于实现赋值，比较和执行算数运算功能的符号。JavaScript 中常用的运算符有：算数运算符递增递减运算符比较运算符逻辑运算符赋值运算符2.算数运算符
复制链接

扫一扫