5、前端笔记-JS-运算符

已于 2022-12-26 22:51:56 修改
阅读量791 收藏
点赞数
分类专栏： js 文章标签： javascript 开发语言
于 2022-12-25 15:08:21 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Ambition_ZM/article/details/128434164
版权

运算符也被称为操作符，用于实现赋值、比较和执行算数运算等功能的符号
常用的运算符：
算数运算符、递增和递减运算符、比较运算符、逻辑运算符、赋值运算符

1、算术运算符+ -*/%

+ - * /  %

（1）%取余可以用来判断一个数是否可以被整除（如果一个数取余是0它就是整数）
（2）浮点数的精度问题：
浮点数的最高精度式17位小数，但在进行算术计算时其精度远远不如正数
因此：最好不要直接判断两个浮点数是否相等

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        console.log(0.1+0.2);//0.30000000000000004
        var res=0.1+0.2;
        console.log(res==0.3);//false
    </script>
</head>
<body>
    
</body>
</html>

在这里插入图片描述

2、表达式和返回值

表达式：由数字、运算符、变量等组成的公式，用来求取某种数值
返回值：表达式的最终结果返回给我们

3、前置递增运算符++a

先加1，再返回值
a是变量

var a=1;
var b=++a+1;//++a=2,a=2,b=3

4、后置递增运算符a++

先返回值，再加1
a是变量

var a=1;
var b=a+++1;//a++=1,a=2,b=2

练习：

var c=10;
var res=c++ + ++c;//10+(11+1)=22
console.log(res);

5、比较运算符

也叫关系运算符，是两个数据进行比较时所使用的运算符，比较运算之后，返回一个布尔值作为比较运算的结果

< > >= <= 
== (判等号,会转数据类型，将字符串转为数值，值相等) 37=='37'
!=  
===(全等号)要求值和数据类型都一致 37===37
!==  37!=='37'

在这里插入图片描述

6、逻辑运算符

用来进行布尔值运算的运算符，其返回值也是布尔值

逻辑与&&：两侧为真，结果为真
true&&true=true
true&&false=false
逻辑或||：两侧为假，结果为假
true || true=true
true||false=true
false||false=false
逻辑非!
!true=false
!false=true

在这里插入图片描述

逻辑中断-短路运算

原理：当有多个表达式（值）时，左边的表达值可以确定结果时，就不再继续运算右边的表达式的值

短路与

语法：表达式1&&表达式2
如果表达式1值为真，则返回表达式2
如果表达式1值为假，则返回表达式1

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // 短路与 123为真，就返回456+1;NaN为false,结果0
        console.log(123&&456+1);
        console.log(NaN&&456+456*789);
    </script>
</head>
<body>
    
</body>
</html>

在这里插入图片描述

短路或

语法：表达式1||表达式2
如果表达式1结果为真，则返回表达式1
如果表达式结果为假，则返回表达式2

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // 短路或 123为真，就返回123,num++不执行;NaN为false,结果456
        var num=0
        console.log(123||num++);
        console.log(num);
        console.log(NaN||456);
    </script>
</head>
<body>
    
</body>
</html>

在这里插入图片描述

7、赋值运算符

用来把右边数据赋值给左边变量的运算符

= +=、-=、*=、/=、%=
eg:
num+=2:意思是num=num+2

在这里插入图片描述

8、运算符比较优先级

  • 逻辑与>逻辑或

  • 一元运算符里逻辑非优先级很高
    在这里插入图片描述

MY Daisy
关注
专栏目录
Web前端：JavaScript基础篇之运算符
XZ85201的博客
12-16 2688
运算符分类： 1、算数运算符：+-*/% 2、关系运算符：> >= < <= == != === !== 3、逻辑运算符：&& || ！ 4、一元运算符：++/-- 5、赋值运算符：= 、+=、-=、*=、/=、%= 算术运算符： 算术运算符简单来说，就是加+减-乘*...
前端学习（354）：逻辑运算符
歌谣的博客
01-08 351
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
前端学习（661）：逻辑运算符
歌谣的博客
03-26 308
Js运算符
qq_46133833的博客
11-24 2万+
JavaScript 语言的算术运算符是使用数字值作为操作数，进行运算之后返回一个数字值。算术运算符+,-,*,/,%% => 模(余数)
JavaScript中的%(求余运算符)
m0_62207482的博客
12-29 1524
在JavaScript中,除了加减乘除运算之外,还会存在求模运算,即求余数的运算,这种运算方式与数学中的求余运算是息息相关的,今天讲一下JavaScript中的求模运算(运算符为 % ).1) 余数的绝对值不能比除数的绝对值大,比如在当前算式中,1是余数,÷号后的3是除数,1<3是合理的,如果余数的绝对值比除数绝对值大,证明还没有除尽。(读作:10对3求模,返回1. 或10对3求余,返回1) 这里就不返回商了,只返回余数。2) 被除数=除数×商+余数 当前的算式中, 10 = 3 × 3 + 1。
前端学习笔记-黑马程序员JS
最新发布
01-09
"前端学习笔记-黑马程序员JS" 本资源主要介绍了 JavaScript 的基本概念和语法，包括变量、数据类型、运算符、流程控制、数组、函数、对象、内置对象等知识点。 变量 在 JavaScript 中，变量可以在三种位置书写：...
前端学习笔记-less
05-26
在前端开发领域，LESS（层叠样式表，Low-level Style Sheets）是一种预处理器，它扩展了CSS语言，增加了变量、嵌套规则、运算符、函数等特性，使得CSS编写更加简洁、可维护性更强。本笔记将深入探讨LESS的重要概念、...
前端学习笔记 - JavaScript基础语法
fengxm0309的博客
10-10 808
编程语言 编程 编程：就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码，并最终得到结果的过程。 计算机程序：就是计算机所执行的一系列的指令集合，而程序全部都是用我们所掌握的语言来编写的，所以人们要控制计算机一定要通过计算机语言向计算机发出命令。 注意：上面所定义的计算机指的是任何能够执行代码的设备，可能是智能手机、ATM机、黑莓PI、服务器等等。 计算机语言 计算机语言指用于人与计算机之间通讯的语言，它是人与计算机之间传递信息的媒介。 计算机语言的
前端基础学习笔记JS-运算符 自定义, 自定义标签属性 classList
勤能补拙
01-18 629
运算符 算术运算符 运算符前后空格隔开 区别算术运算符 + 和字符串拼接符 + 加号两边只要有一边是字符串,则为字符串拼接符  减号两边如果有字符串,会将字符串隐式转化为数值,如果字符串内非数字,则返回NaN * 同上 ** //指数运算 2**3 2的3次方 前一个叫底数,第二个叫指数,可以为负数 % // 模 取余 大模小取余 小模大取小 //小案例 随机颜色 let ...
前端---js（自学笔记6）（关系运算符、相等运算符、条件运算符、运算符的优先级）
ABU_MOlI_ITUI的博客
07-02 5403
关系运算符： 通过关系运算符可以比较俩个值大小，如果关系成立则返回true，如果关系不成立则返回false。 数值情况： > :大于号，判断左侧值是否大于右侧值，如果成立返回true，反之为false。 >=:大于等于号，判断左侧值是否大于或等于右侧值，如果成立返回true，反之为false。 < :小于号，判断左侧值是否小于右侧值，如果成立返回true，反之为false。 <=:小于等于号，判断左侧值是否小于或等于右侧值，如果成立返回true，反之为false。 非.
js的操作符详解(二)
yjwlike的博客
12-16 548
继续上一篇哈, 这一篇主要说一下以下几个操作符 : 取余操作符(%), 指数操作符(**), 布尔操作符(!), 逻辑与 (&&) 逻辑或 (||) 关系操作符 (>, <,>=,<=) 1. 取余操作符 % 符号是% 这个操作符可以求得两操作数相除的余数 // 操作数是数字的话正常进行运算 // 如果操作数是其他一些比较狗的值,则会先调用用 Number 将其转成数字进行运算
JS运算符% 和 /
weixin_39073833的博客
01-13 4527
%是取余数的意思，比如100 % 2 余数是0，所以得到0 / 是除以的意思，比如 3除以2，得到的值就是返回的结果
JavaScript 基本运算符
m0_53561448的博客
03-30 3366
JavaScript的一些基本运算符
前端中“&&”和“||”运算符记录
孟德尚且敬我，汝意欲何为
09-29 2654
（1）最简单的第一层理解是，当操作数都是布尔值的时候，“&&”对两个值执行布尔与（AND）操作，只有在第一个操作数和第二个操作数都是true的时候，它才返回true。&&和||的返回值是两个操作数的其中一个。只要“&&”前面是true，无论“&&”后面是true还是false，结果都将返“&&”后面的值;只要“||”前面为false,不管“||”后面是true还是false，都返回“||”后面的值。只要“||”前面为true,不管“||”后面是true还是false，都返回“||”前面的值。
前端之JS逻辑运算
高星雨的博客
11-24 982
你好，欢迎打开我的博客，阿雨每天与你分享许多有趣新鲜的knowledge！ 阿雨博客CSS部分更新完了，接下来是有趣的JS部分，就跟随阿雨的步伐走进web世界吧！ 逻辑或运算 逻辑与运算（&&）,只有两个操作数都为true时，才返回true，否则都返回false 辨如果左侧整式为氐屁，则直接短路返回雄寫回g . 新步，计算第1个操作数（左侧表达式）的值 第2步,检测第1个操作数的值...
web前端开发学习知识点：逻辑运算符
weixin_34327761的博客
05-05 243
　　　var a = 1,　　b = 2;　　a + b = 3　　a - b = -1　　a * b = 2　　a / b = 0.5　　a % b = 1　　var a = '1',　　b = '2';　　a * b = 2;　　a / b = 0.5;　　a - b = -1;　　a + b = ? ? ?　　不同：和我们概念里的逻辑运算符很多都是不一样的。　　+ = == === 这些都不...
js中逻辑运算符&&||！
她夏了夏天
12-14 1万+
js中逻辑运算符在开发中可以算是比较常见的运算符了，主要有三种：逻辑与&&、逻辑或||和逻辑非！。 当&&和|| 连接语句时，两边的语句会转化为布尔类型（Boolean），然后再进行运算，具体的运算规则如下： 1.&&   1.1两边条件都为true时，结果才为true； 1.2如果有一个为false，结果就为false； 1.3当第一个条件为false时，就不再判断后面的条件 注意：
js运算符/，%
热门推荐
二流码农的博客
01-11 2万+
js运算符/ ，% 1. /运算符    //除以   相当于数学中的除号。  js中0除以其他的数都得 0 js中0可以为分母，不会报错，结果为Infinity(无限的) 负数除以0 的 -Infinity 但 0 / 0 得NaN ( Not a Number ),该a是Number类型，但无法用数表示就用NaN表示  % 运算符 不是
JS中的运算符
weixin_45995139的博客
12-15 1027
JS中的运算符包括算术运算符，赋值运算符，关系运算符，逻辑运算符，三目运算符 算术运算符：+ ，- ，* ，/ ，% ，++ ，-- 注意：字符和其他类型进行+运算的时候，实质上是字符串连接（变长的过程）! 字符串和其他数据类型，进行非+运算的时候，那么会把字符串转换为number类型，在进行运算。 如果字符串不能转换成number的类型，会返回NaN（表示非number，是number的一个特殊值） 举例：字符串和数值进行加法运算，字符串和数值进行减法运算。 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值