javascript从入门到跑路-----小文的js学习笔记(5)--------js运算符----算数、赋值、比较、一元、二元、三元运算符

**
javascript从入门到跑路-----小文的js学习笔记(1)---------script、alert、document。write() 和 console.log 标签


javascript从入门到跑路-----小文的js学习笔记目录
**

1、算术运算符:+(加) -(减)*(乘) /(除) %(取模)

(+)
           如果是字符串类型和数字类型相加,最后返回的结果是直接将二者连接起来,数字类型会隐式转换为字符串类型。

              var aa=30;
				var bb="30"
				alert(aa+bb);

执行结果:
javascript从入门到跑路-----小文的js学习笔记(5)--------js运算符----算数、赋值、比较、一元、二元、三元运算符_第1张图片
(-)
如果是字符串类型和数字类型相减,最后返回的结果是正常减法,字符串类型会隐式转换为数字类型。
(*)
如果是字符串类型和数字类型相乘,最后返回的结果是正常乘法,字符串类型会隐式转换为数字类型。
(/)
如果是字符串类型和数字类型相除,最后返回的结果是正常除法,字符串类型会隐式转换为数字类型。
(%)即求余数
如果是字符串类型和数字类型求模,最后返回的结果是正常求模,字符串类型会隐式转换为数字类型。

2、赋值运算符:= ,+=,-=,*=,/=,%=

赋值运算符 栗子 相当于
+= x+=y x=x+y
-= x-=y x=x-y
*= x*=y x=x*y
/= x/=y x=x/y
%= x%=y x=x%y

注意:这里的 += 和算数运算符里的加号一样:如果是字符串类型和数字类型相加,最后返回的结果仍是直接将二者连接起来,数字类型会隐式转换为字符串类型。

这里对上面的赋值运算符举一个实际的栗子

     	var aa=18;
				var bb=9;
				aa*=bb;
				alert(aa);

执行结果:
javascript从入门到跑路-----小文的js学习笔记(5)--------js运算符----算数、赋值、比较、一元、二元、三元运算符_第2张图片

3、比较运算符

== :只比较值;
=== :不仅比较值还比较数据类型;
!= :非等;
> :大于;
< :小于;
<= :小于等于;
>= :大于等于;

注:比较运算符返回结果是:布尔值(false/true)

那么我们来举两个例子

              var a=3;
				var b=5;
				alert(a<b);

执行结果:
javascript从入门到跑路-----小文的js学习笔记(5)--------js运算符----算数、赋值、比较、一元、二元、三元运算符_第3张图片
这里如果比较正确则返回true若错误则返回false;

这是第二个栗子:用来区分 =====

     栗一:  var a=55;                        栗二:  var a=55var  b=55”;                              var  b=55”;
            alert(a==b);                               alert(a===b);

执行结果1:                     执行结果2:
javascript从入门到跑路-----小文的js学习笔记(5)--------js运算符----算数、赋值、比较、一元、二元、三元运算符_第4张图片javascript从入门到跑路-----小文的js学习笔记(5)--------js运算符----算数、赋值、比较、一元、二元、三元运算符_第5张图片

注意:a和b不是一个数据类型,根本就不是一个概念,但是结果为true,这是为什么?
            因为js是若变量类型所以结果是true。而且 == 只会比较值,只有 === 才会不仅比较值还会比较数据类型。

4、一元运算符(又叫一目运算符)

I++:先赋值,再自加1
I- -:先赋值,再自减1
++i:先自加1,再赋值;
- -i: 先自减1,再赋值

例(1):i++

                var a=6;
				b=a++;
				alert(b+","+a);

执行结果:
javascript从入门到跑路-----小文的js学习笔记(5)--------js运算符----算数、赋值、比较、一元、二元、三元运算符_第6张图片
例(2):i- -

	        var a=6;
				b=a--;
				alert(b+","+a);

执行结果:
javascript从入门到跑路-----小文的js学习笔记(5)--------js运算符----算数、赋值、比较、一元、二元、三元运算符_第7张图片
例(3):++i

				var a=6;
				b=++a;
				alert(b+","+a);

执行结果:
javascript从入门到跑路-----小文的js学习笔记(5)--------js运算符----算数、赋值、比较、一元、二元、三元运算符_第8张图片
例(4):- -i

	        var a=6;
				b=--a;
				alert(b+","+a);

执行结果:
javascript从入门到跑路-----小文的js学习笔记(5)--------js运算符----算数、赋值、比较、一元、二元、三元运算符_第9张图片

5、二元运算符(又叫二目运算符)或【逻辑运算符】

1、&&(与)
语法:表达式1&&表达式2

注意:表达式中有一个为false,则输出结果就为false
例:

				var a=10;
				var b=20;
				var c=30;
				alert(a>b&&b<c);

执行结果:
javascript从入门到跑路-----小文的js学习笔记(5)--------js运算符----算数、赋值、比较、一元、二元、三元运算符_第10张图片
2、 || (或)
语法:表达式1||表达式2

注意:表达式中有一个为true,则输出结果就为true。
例:

              var a=10;
				var b=20;
				var c=30;
				alert(a>b||b<c);

执行结果:
javascript从入门到跑路-----小文的js学习笔记(5)--------js运算符----算数、赋值、比较、一元、二元、三元运算符_第11张图片
3、!(非):取反
例:

        var a=true;
				alert(!a);

执行结果:
javascript从入门到跑路-----小文的js学习笔记(5)--------js运算符----算数、赋值、比较、一元、二元、三元运算符_第12张图片

6、三元运算符(三目运算符)

语法:条件?执行结果1(true):执行结果2(false)
解释:如果条件正确则执行冒号前面的内容;若条件错误则执行冒号后面的内容。

             var a=100;
				var b=200;
				a<b?alert("正确"):alert("错误");

执行结果;
javascript从入门到跑路-----小文的js学习笔记(5)--------js运算符----算数、赋值、比较、一元、二元、三元运算符_第13张图片
注意;这里是若条件正确,则执行冒号前面的语句,若条件错误则执行冒号后面的语句,而不会管执行的内容到底是什么。

你可能感兴趣的:(javascript)