首页 技术 正文
技术 2022年11月23日
0 收藏 508 点赞 2,767 浏览 3209 个字

JavaScript操作符

学习目标

1.掌握什么是表达式

2.掌握javascript操作符的分类

3.掌握算数操作符

什么是表达式

将类型的数据(如常量、变量、函数等),用运算符号按一定的规则链接起来的、有意义的式子称为表达式。

操作符的分类

1.算数操作符

2.逻辑操作符

3.赋值操作符

4.比较操作符

5.三元操作符

JavaScript操作符算数操作符

(隐式类型转换“5”)

+:加

-:减

*:乘

/:除

%:取余

递增和递减

1.递增: ++a与a++都是对进行递增的操作

区别: ++a先返回递增之后的a的值(1+a)

a++先返回a的原值,再返回递增之后的值

2.递减同理

<script>
       var num1=10,
           num2=5,
           num3=num1++-num2,    // ++num1  num1=num1+1
           x1=20,
           x2=30,
           x3=–x1+x2–;

console.log(num1);  //  11   // 11
       console.log(num3);  // 16    // 5

console.log(x1);    // 19
       console.log(x2);    // 29
       console.log(x3);    // 19+30=49
    </script>

JavaScript操作符赋值操作符

赋值操作符

简单赋值:=

复合赋值:+=、-=、*=、/=、%=

<script>
      var a=10;
      var b=20;
      var str=”hello “;
      a+=5;        // a=a+5
      b%=4;        // b=b%4;
      str+=” world”;     // str=str+”world”;
      console.log(str);      // hello world
      console.log(a>b);      // true
    </script>

JavaScript操作符比较操作符

>、<、>=、<=、==、===、!=、!==

==: 相等,只比较值是否相等

===:相等,比较值的同时比较数据类型是否相等

!=:不相等,比较值是否不相等

!===:不相等,比较值的同时比较数据类型是否相等

返回值:boolean型

  var x=10,
          y=”10″,
          m=15,
          //z=x==y;    // 值是否相等
          z=x===y,    // 全等
          n=x!==y;
      console.log(n);  // true

console.log(null===undefined);  //  false

JavaScript操作符三元操作符

var soce=55;

Var result=(soce>=60)?“及格”:“不及格”

Console.log(result)

语法:条件?执行代码1:执行代码2

说明:可代替简单的if语句,如果条件成立,执行代码1,否则执行代码2

var soce=55;
      var result=(soce>=60)?”及格”:”不及格”;

console.log(result);  //  不及格

JavaScript操作符逻辑操作符

逻辑操作符

&&:与,并且

||:  或

!:非

&&:与,并且(同时所有条件成立,返回true。只有一个条件不成立,返回false)

说明:在有一个操作数不是布尔值的情况,逻辑与操作就不一定返回值,

此时它遵循下列规则:

1.如果第一个操作数隐式类型转换后为true,返回最后一个操作数

2.如果第一个操作数隐式类型转换后为false,则返回第一个操作数

3.如果有一个操作数是null,则返回null

4.如果有一个操作数是NaN,则返回NaN

5.如果有一个操作数是undefined,则返回undefined

||:或(只要有一个条件成立,返回true)

说明:在有一个操作数不是布尔值的情况,逻辑与操作就不一定返回值,

此时它遵循下列规则:

1.如果第两个操作数隐式类型转换后为true,返回第一个操作数

2.如果第两个操作数隐式类型转换后为false,则返回第二个操作数

3.如果有两个操作数是null,则返回null

4.如果有两个操作数是NaN,则返回NaN

5.如果有两个操作数是undefined,则返回undefined

!:非

说明:1.无论操作数是什么类型,逻辑非都会返回一个布尔值

2.!!同时使用两个逻辑非操作符时:

第一个逻辑非操作非会基于无论什么操作数返回一个布尔值,

第二个逻辑非则对布尔值求反。

<script>
       var num1=10,
           num2=20,
           num3=30,
           str=”welcome”,
           bool=true,
           n=null,
           m;

/* console.log(num1<num2 && num2<num3);  // true

console.log(num1<num2 && num2==num3);  // 所有条件都为true才返回true

console.log(num2<num3 && num3>num1 && false);*/

/* console.log(str && num3);  // 30 “” false  true  0 false true

console.log(80 && 55);

console.log(“hello” && 65 && “abc”);  // abc

console.log(0 && 88);

console.log(“” && 0 && 30>20);*/
       console.log(n && num3);         //   null
       console.log(55 && true && 33*”abc”);    //  NaN
       console.log(m && true);    //  undefined
    </script>

<script>
       var m;
       /*console.log(55>88 || 33<66);
       console.log(55!=”55″ || 88===”88″);

console.log(“hello” || 0);     // hello
       console.log(99 || 0 || “abc”); // 99
       console.log(“” || 88 || true); // 88
       console.log(“” || 0 || “abc”);  // abc
       console.log(0 || “” || null); // null  
       console.log(0 || “” || null || “hello”);  // hello
       console.log(m || NaN || 99);  // 99
       console.log(“” || m);  // undefined
       console.log(30*”abc” || 55-“def”);  // NaN*/

// 非
       console.log(!false);  // true
       console.log(!88);  // false
       console.log(!0);   // true
       console.log(!”red”);  //false
       console.log(!NaN);   //true
       console.log(!null);   //true

console.log(!!””);  // false
       console.log(!!”blue”);  //true
    </script>

相关推荐
python开发_常用的python模块及安装方法
adodb:我们领导推荐的数据库连接组件bsddb3:BerkeleyDB的连接组件Cheetah-1.0:我比较喜欢这个版本的cheeta…
日期:2022-11-24 点赞:878 阅读:8,967
Educational Codeforces Round 11 C. Hard Process 二分
C. Hard Process题目连接:http://www.codeforces.com/contest/660/problem/CDes…
日期:2022-11-24 点赞:807 阅读:5,487
下载Ubuntn 17.04 内核源代码
zengkefu@server1:/usr/src$ uname -aLinux server1 4.10.0-19-generic #21…
日期:2022-11-24 点赞:569 阅读:6,332
可用Active Desktop Calendar V7.86 注册码序列号
可用Active Desktop Calendar V7.86 注册码序列号Name: www.greendown.cn Code: &nb…
日期:2022-11-24 点赞:733 阅读:6,115
Android调用系统相机、自定义相机、处理大图片
Android调用系统相机和自定义相机实例本博文主要是介绍了android上使用相机进行拍照并显示的两种方式,并且由于涉及到要把拍到的照片显…
日期:2022-11-24 点赞:512 阅读:7,748
Struts的使用
一、Struts2的获取  Struts的官方网站为:http://struts.apache.org/  下载完Struts2的jar包,…
日期:2022-11-24 点赞:671 阅读:4,783