概述
一.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 |
最后
以上就是谦让鸡为你收集整理的前端js学习笔记--运算符的全部内容,希望文章能够帮你解决前端js学习笔记--运算符所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复