前端js学习笔记--运算符

一.JS运算符

1.算术运算符

运算符描述实例
+10+20=30
-10-20=-10
*10*20=200
/10/20=0.5
%取余数(取模)3%5=3

在算术运算中,浮点数的操作会出现问题,所以不能直接拿着浮点数运算来比较是否相等

2.自增自减运算符
递增(++) 递减(–)
注意:自增自减运算符必须和变量配合使用
前置自增和后置自增如果单独使用,效果是一样的,即:

num++;
++num; //单行代码效果是一样的

++p的含义是:先加1,后运算
p++的含义是:先原值运算,后变量再自加1

3.比较运算符(关系运算符)
会返回一个布尔值
在程序中用==来表示等于号,并且在判断是否相等时,会将字符串型的数据转换为数字型,会默认转换数据类型,如

console.log(18 == '18'); //返回true,双等时只要求值相等就可以

此外程序中还有===符号,即全等符号,要求两侧的值和数据类型必须完全一致才可以。

console.log(18 === 18);// 返回true
console.log(18 === '18'); //返回false
符号作用用法
=赋值把右边赋给左边
==判断判断两边的是否相等(注意此时有隐式转换,将字符串型->数字型
===全等判断两侧的值和数据类型是否完全相等

4.逻辑运算符
逻辑运算符是用来进行布尔值运算的运算符,其返回值也是布尔值。

逻辑运算符说明案例
&&true&&false
两个竖true//false
!!true

短路运算(逻辑中断)
原理:当有多个表达式(值)时,左侧的表达式值可以确定结果时,就不再继续运算右边的表达式的值
逻辑与短路运算:如果表达式1结果为真,则返回表达式2。如果表达式1为假,则返回表达式1,表达式2不再执行。即表示空的或者否定的为假,其余都是真
为假代表:0 ’ ’ null undefined NaN (共5个)

console.log(123 && 456); //返回 456
console.log(0 && 456); //返回 0

逻辑或短路运算:如果表达式1结果为真,则返回表达式1,表达式2不再执行。如果表达式1为假,则返回表达式2。

console.log(123 || 456); // 返回 123
console.log(0 || 456); //返回 456
console.log(0 || 456 || 456 + 123); //返回 456

例题:

var num = 0;
console.log(123 || num ++);
console.log(num); // 返回 0,因为短路运算

逻辑与比逻辑或优先级高,先与后或

6.赋值运算符

赋值运算符说明案例
=直接赋值var userName = ‘我是值’
+=,-=加、减一个数,再赋值var age = 10; age + =5;//返回15
*=、/=、%=乘、除、取模,后再赋值var age = 2;age *= 5; //返回10
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值