2021-05-16

Posted 2021-05-21 小刘编码员

前言：各位csdn的源员们，大家好。我是小刘，初来乍到请大家多多指教，因为这是第一次发表博客，如有错误请大家观看后谅解，并在评论区留下您宝贵的意见，小刘将会用最大的努力去改正以及认真对待每一次代码的编写，请大家一定要多多包涵，你们的支持是我继续努力的最大动力，当然大家觉得不错可以关注我喔，带你走遍代码的每一个角落，让你感受代码的神奇之处。已经来到csdn有20天了，我会继续坚持下去，谢谢大家多多支持！

 

首先我给大家讲解的内容比较抽象，要认真观看！！

 

本次用到的编程软件：DW

 

本次涉及到的内容：html,css以及javaScript

 

4. javascript运算符

      运算符也叫做操作符

       通过运算符可以对一个或则多个值进行运算，并获取运算结果。

       算数运算符

+ 加

       可以在两个值进行加法运算，如果是两个字符串则进行字串的拼接

任何值和字符串做加法运算，都会先转化为字符串，然后再和字符串做拼接操作，也可以通过“+”完成隐式转换

- 减

       可以对两个值进行乘法运算，并返回运算结果

/ 除

       可以对两个值进行除法运算，并返回运算结果

%  取模

      取模运算（取余数）

++自增   --自减

1.

	
	var num=123+456;
	console.log(num);//579
	var str="hello" +"world";
	console.log(str);
	//同级运算，从左到右

2.

    num=12+"2"+3;//"12"+"2"="122"+3="122"+"3"="1223"
	console.log(num);
	console.log(typeof num);
	num=12+2+"3";//"143"
	console.log(num);
	console.log(typeof num);
	/*特别提示：任何值做 - * / 运算时自动转换为Number
		可以利用这一特性完成隐式转换
	*/

5.JavaScript逻辑运算符

    js中为我们提供了三种逻辑运算符

  ！非 //  !!false==false

     ! 可以用来对一个值进行取反操作

     false变量 true  true变为false

如果对一个值(布尔值)进行2次非运算，它的值不变

如果对非布尔值进行运算，则先将它转换为布尔类型：两次非运算

&&与

   &&可以对符号两侧的值进行与运算并返回结果

   运算规则：两个值只要有一个false，则返回false

                     两个值都是true的情况下，返回true

js中的与，只要值都是false的情况下，返回false

|| 或
        ||可以对符号两则的值进行或运算并返回结果
         运算规则：两个值只要有一个true，则返回true
                           两个值都是false的情况下，返回false
         JS中的"或"，只要第一个为true，则返回true。不会再去检查第二个值

    var a=false;
	console.log("a="+a);
	var b=!!a;
	console.log("b="+b);

    var str="sdf";
	str=!str;//str=>布尔值为true   =》 !true
	str=!!str;// 第一次非运算的结果为false  
    !false==true	console.log("str="+str);

    var bl=false&&false;
	console.log("bl="+bl);
	
	bl=true||false;
	console.log("bl="+bl);
	

6.javaScript赋值运算符

    = 赋值符
        可以将符号右侧的值赋值给左侧的变量
    += 
        num+=2 =>等价于 num=num+2;
    -=
        num-=2 =>等价于 num=num-2;
    *= 
        num*=2 =>等价于 num=num*2;
    /= 
        num/=2 =>等价于 num=num/2;    
    %=
        num%=2 =>等价于 num=num%2;    
  

    var num=32;//
	num+=14;//46
	num-=14;//32
	console.log(num);
	num*=3;
	console.log(num);

7.JavaScript关系运算符

    > 大于
    >= 大于等于
    < 小于
    <=小于等于
    运算的结果为布尔值

    var a= 4<=5;
	console.log("a="+a);

    == 表示相等的意思
    != 表示不等的意思
    === 全等（数据类型与值都相等）
    !== 不全等
    运算的结果为布尔值

    var b=(4!=5);
	console.log("b="+b);

8.JavaScript条件运算法

条件运算符也叫做三元运算符
    - 语法：条件表达式?语句1:语句2;
    - 执行的流程：
      条件运算符在执行时，首先对表达式进行求值。
      如果该值为true，则执行语句1,并返回执行结果
      如果该值为false，则执行语句2,并返回执行结果

    var a=340;
	var b=30;
	//比较a与b谁大
	var max=a>b?a:b;
	
	console.log(max);

 

本章编写完成，谢谢大家观看！！！