js上 五、运算符-1
5.1.认识运算符
什么是运算符?
运算符用于执行程序代码运算,会针对一个以上操作数项目来进行运算。
运算符的应用:
购物车:计算总价,数量;
**Js ** 中有哪些运算符?
算术运算符、赋值运算符、关系运算符、逻辑运算符、三元运算符
#5.2.如何理解运算符
ü 运算数的个数:一元、二元、三元
如果操作数只有一个,称之为一元运算符,或者单目运算符。
如果操作数有两个,称之为二元运算符,或者双目运算符,这是最多的
如果操作数有三个,称之为三元运算符,或者三目运算符,在js中,只有一个?:。
如图:
#5.3.算术运算符:
ü 二元运算符:+、-、*、/ :加减乘除 %:取模,取余
ü 一元运算符:++、--:自增,自减
#a、+ 两个功能:1.拼接 2.相加
规律:
1)如果 + 有一端是字符串,那么一定是字符串的拼接;
2)如果两端都没有字符串,那么将两端内容转为数字进行相加;
#b、- * / % 先对操作数进行隐式转换,转换为number,再进行运算
#C、一元运算符 ++ --
++,表示自增
--,表示自减
首先,看一个需求,需要将某一个数加1,然后赋值给其它的地方使用:
在js编程中,有太多类似的需求,所以js提供了一个++的运算符,专门用来实现+1的操作。如下:
我们发现:
对于++而言,它只需要一个操作数,所以它是一元(单目)运算符。
实际上,++并没有这么简单:
自增,它的本意是将当前变量的值增加1,
但是,它又额外的做了一件事情,它将加1之后的结果,又重复赋值给当前变量。
所以说,++它是有副作用的,副作用就是重新赋值。
对于++,它又分为两种用法:
ü 前加,比如++a
ü 后加,比如a++
前加和后加的区别:
ü 共同点:副作用都生效了,当前变量的值已经发生变化
ü 不同点:
++a先返回递增之后的a的值
a++先返回a的原值,再返回递增之后的值
可以这么记:前加,类似于先斩后奏,也就是将自增之后的值立马用上。
而后加有点神经大条,反应迟钝,整个表达式的值还是自增之前的那个值。
与++类似,--有相同的用法:
ü 前减:--a
ü 后减:a--
在实际开发中,++和--,使用非常普遍。尤其是在循环操作的时候。
说明:
++ -- 都会将值先隐式转为number,再进行自增自减
#5.4.赋值运算符
首先,在js中,=表示赋值。
大家在读代码,尽量读成赋值操作,不要读成等于操作。
注意:=不是等于,而是赋值,真正的等于是==。
赋值运算符是一个二元运算符,需要两个操作数参与。
赋值运算符的优先级,非常低,基本上就是最低的。只比,高。
注意点:
ü =的优先级比较低
ü =和==的区别
ü +=可以用于数字或字符串,视情况而定
一个等号表示赋值,
两个等号才表示相对,
将赋值运算符=和算术运算符+、-、*、/、%结合到一起,可以形成复合的赋值运算符。如下:
**特点:**在赋值运算符的左边和右边,出现了同一个变量,然后进行的是+、-、*、/、%的操作,那么就可以使用复合赋值运算符。
#作业:
1、给每一题的每一行写注释,每一道题的运行结果写出结果的解析。要求明了简单。
console.log(3+5) 8
console.log(3+true) 4
console.log("3"+true)”3true”
console.log(3+undefined); NaN
console.log(""+true);”true”
console.log(4-3+"admin"); “1admin”
console.log(5+2+"2") “72”
2、输出下面表达式的结果
var result1 = 5 - null+false; //
var result2 = "NaN" - 1+'abc'; //
var result3 ="3"+5 - 3; //
var result4 = 5 - ""+true; //
var result5 = 5 - "2"+"abc"; //
var result6 = 5 - null+2; //
var a = 99;
var b = 100;
var c = a%b;
alert(c); //99
5+22/2%2结果是?
var a,b,c,d,e;
a=3
b=10
c=(--a)+(b++)
d=(--b)-a
e=b/a+3-2%4
输出 c ,d,e的结果值
#小结:
\1. 理解一元,二元,三元运算符
\2. + :两个功能 :相加 、 拼接
\3. - * / %:先转number再运算
\4. += 、-= 、*= 、/=的应用