本文首发于博客园,并在GitHub上持续更新前端的系列文章。欢迎在GitHub上关注我,一起入门和进阶前端。

以下是正文。

1.1 算术运算符

运算符是用来计算数据的符号。数据可以是常量,也可以是变量。被运算符操作的数我们称为操作数。

算术运算符最常见的操作就是将操作数参与数学计算,具体使用看下图:

运算符

运算规则

范例

结果

+

正号

+3

3

+

2+3

5

+

连接字符串

“中”+“国”

“中国”

负号

int a=3;-a

-3

3-1

2

*

2*3

6

/

5/2

2

%

取模

5/2

1

++

自增

int a=1;a++/++a

2

自减

int b=3;a–/–a

2

 

我们在使用算术运算符时,记得要注意下列事项:

l 加法运算符在连接字符串时要注意,只有直接与字符串相加才会转成字符串。

l 除法“/”当两边为整数时,取整数部分,舍余数。当其中一边为浮点型时,按正常规则相除。

l “%”为整除取余符号,小数取余没有意义。结果符号与被取余符号相同。

l 整数做被除数,0不能做除数,否则报错。

代码演示

 /*
 * 算术运算符
 */
public class OperatorDemo1 {
    public static void main(String[] args) {
        /*
         * 常量使用算数运算符
         */
        System.out.println(10+20);

        /*
         * 变量使用算数运算符
         */
        int x = 10;
        int y = 20;
        //"+"作为加法运算使用
        int z = x + y; 
        //"+"作为连接字符串使用
        System.out.println("x="+x);
        System.out.println("y="+y);
        System.out.println("z="+z);
    }
}

运行结果如下图所示。

必发88官网 1

图1-1 运行结果

我们在上一篇文章里讲到了JS中变量的概念,本篇文章讲一下运算符和表达式。

1.2 算数运算符++、–的使用

算数运算符在前面我们已经学习过了,这里进行一些补充。

在一般情况下,算数运算符不会改变参与计算的变量值。而是在原有变量值不变的情况下,计算出新的值。但是有些操作符会改变参与计算的变量的值,比如++,–。

我们来看一段代码:

int a = 3;
int b = 3;
a++;
b--;
System.out.println(a);
System.out.println(b);

上面代码的输出结果a值为4,b值为2;

这说明a的原有值发生了改变,在原有值的基础上自增1;b的原有值也发生了改变,在原有值的基础上自减1;

l ++运算符,会在原有值的基础上自增1;

l –运算符,会在原有值的基础上自减1。

我们再看一段代码:

int a = 3;
int b = 3;
++a;
--b;
System.out.println(a);
System.out.println(b);

 上面代码的输出结果a值为4,b值为2;

这说明++,–运算符单独使用,不参与运算操作时,运算符前后位置导致的运算结果是一致的

 

/*
  ++ 写在变量前面,和写在变量后面,区别
  a = 1
  a++ 
  ++a
  符号写在前面,还是后面,在变量自己独立计算的时候,没有区别

  但是变量,要是参与了其他运算,有区别了

  j=i++ ++后算,先将i的值,赋值j, i自己在++
  n=++m ++先算,变量m++ 6 变量赋值给n
*/
public class Operator_1{
    public static void main(String[] args){
        int i = 5;
        int j = i++;
        System.out.println(i); //6
        System.out.println(j); //5

        int m = 5;
        int n = ++m;
        System.out.println(m);
        System.out.println(n);
    }
}

接下来,介绍下++,–运算符参与运算操作时,发生了怎样的变化,我们来看一段代码:

int a = 3;
int b;
b = a++ + 10;
System.out.println(a);
System.out.println(b);

上面代码的输出结果a值为4,b值为13;

这里我要强调一下了,当++,–运算符参与运算操作时,后置++,–的作用:

l ++,–运算符后置时,先使用变量a原有值参与运算操作,运算操作完成后,变量a的值自增1或者自减1;

再介绍下++,–运算符前置时,参与运算操作的变化,我们来看一段代码:

int a = 3;
int b;
b = ++a + 10;
System.out.println(a);
System.out.println(b);

上面代码的输出结果a值为4,b值为14;

这里我强调一下,当++,–运算符参与运算操作时,前置++,–的作用:

l ++,–运算符前置时,先将变量a的值自增1或者自减1,然后使用更新后的新值参与运算操作。

 

比如说+*/( 都是运算符,而(3+5)/2则是表达式

1.3 赋值运算符

我们来学习一下赋值运算符,赋值运算符就是为变量赋值的符号,赋值运算符的使用看下图:

 

运算符

运算规则

范例

结果

=

赋值

int a=2

2

+=

加后赋值

int a=2,a+=2

4

-=

减后赋值

int a=2,a-=2

0

*=

乘后赋值

int a=2,a*=2

4

/=

整除后赋值

int a=2,a/=2

1

%=

取模后赋值

int a=2,a%=2

0

 

注意:诸如+=这样形式的赋值运算符,会将结果自动强转成等号左边的数据类型。

写一个代码,我们看一下赋值运算符的使用

 /*
 * 赋值运算符
 * +=, -=, *=, /=, %= : 
 * 上面的运算符作用:将等号左右两边计算,会将结果自动强转成等号左边的数据类型,再赋值给等号左边的
 * 注意:赋值运算符左边必须是变量
 */
public class OperatorDemo2 {
    public static void main(String[] args) {
        byte x = 10;
        x += 20;// 相当于 x = (byte)(x+20);
        System.out.println(x);
    }

}

运行结果如下图所示。

必发88官网 2

 

运算符有很多分类:数学运算符、逻辑运算符、自增运算符、赋值运算等。

1.4 比较运算符

比较运算符,又叫关系运算符,它是用来判断两个操作数的大小关系及是否相等关系的,结果是布尔值true或者false。

==

相等于

4==3

False

!=

不等于

4!=3

True

<

小于

4<3

False

>

大于

4>3

True

<=

小于等于

4<=3

False

>=

大于等于

4>=3

True

 

这里需要注意一下:

l 赋值运算符的 = 符号与比较运算符的 ==
符号是有区别的,如下:

l 赋值运算符的 = 符号,是用来将 =
符号右边的值,赋值给 =
符号左边的变量;

l 比较运算符的 == 符号,是用来判断 ==
符号 左右变量的值是否相等的。

我们通过下面的一段代码,我们演示一下这个注意事项:

int a = 3;
int b = 4;
System.out.println( a=b );
System.out.println( a==b );

上面代码输出的结果第一个值为4,第二个值为false。

数学运算符

常见的数学运算符有以下几种:

必发88官网 3

求余的举例

假设用户输入345,怎么分别得到3、4、5这三个数呢?

答案

    得到3的方法:345 除以100,得到3.45然后取整,得到3。即:parseInt(345/100)

    得到4的方法:345 除以100,余数是45,除以10,得到4.5,取整。即:parseInt(345 % 100 / 10)

    得到5的方法:345 除以10,余数就是5。即:345 % 10

1.5逻辑运算符

数学运算符的运算规则

(1)先算乘除、后算加减。

(2)小括号:能够影响计算顺序,且可以嵌套。没有中括号、没有大括号,只有小括号。

(3)百分号:取余。只关心余数。

举例1:(取余)

    console.log(3 % 5);

输出结果为3。

举例2:(运算符优先级)

    var a = 1 + 2 * 3 % 4 / 3;

结果分析:

原式 = 1 + 6 % 4 / 3 = 1 + 2 / 3 = 1.66666666666666

逻辑运算符,它是用于布尔值进行运算的,运算的最终结果为布尔值true或false。

运算符

运算规则

范例

结果

&

false&true

False

|

false|true

True

^

异或

true^flase

True

!

!true

Flase

&&

短路与

false&&true

False

||

短路或

false||true

True

 

看完图后,我们来看一下逻辑运算符的常规使用方式:

l 逻辑运算符通常连接两个其他表达式计算后的布尔值结果

l 当使用短路与或者短路或时,只要能判断出结果则后边的部分就不再判断。

我们通过代码演示一下:

boolean b = 100>10;
boolean b2 = false;
System.out.println(b&&b2); // 打印结果为 false
System.out.println(b||b2); //打印结果为 true
System.out.println(!b2); //打印结果为 true
System.out.println(b && 100>10); //打印结果为 true,本行结果的计算方式稍后讲解运算符优先级时解答

好了,我们来总结一下运算符的结果规律吧:

l 短路与&&:参与运算的两边数据,有false,则运算结果为false;

l 短路或||:参与运算的两边数据,有true,则运算结果为true;

l 逻辑非! : 参与运算的数据,原先是true则变成false,原先是false则变成true。

 

/*
    逻辑运算符,对两个boolean类型数据之间进行计算
    结果也是boolean类型

    & : 一边是false,运算结果就是false, 见了false,就是false
    | : 一边是true,运算结果就是true,见了true,就是true
    ^ : 两边相同为false,不同为true
    ! : 取反 !true = false  !false=true
    && : 短路与 , 一边是false,另一边不运行
    || : 短路或 , 一边是true,另一边不运行
*/
public class Operator_4{
    public static void main(String[] args){
        System.out.println( false & true );
        System.out.println( true | true );
        System.out.println( false ^ false );//F
        System.out.println( true ^ false );//T
        System.out.println( true ^ true );//F 


        System.out.println( !true );
        System.out.println( "--------------------------" );
        int i = 3;
        int j = 4;
        System.out.println(3>4 && ++j>2);
        System.out.println(i);
        System.out.println(j);

        System.out.println(3==3 || ++j>2);
        System.out.println(i);
        System.out.println(j);
    }
}

 

 

 

 

乘方

如果想计算 a 的 b 次方,可以使用如下函数:

    Math.pow(a, b);

Math的中文是“数学”,pow是“power 幂”。

举例1:

必发88官网 4

代码实现:

    var a = Math.pow(3, Math.pow(2, 2));
    console.log(a);

举例2:

必发88官网 5

代码实现:

    var a = Math.pow(Math.pow(3, 2), 4);
    console.log(a);

1.6 三元运算符

接下来我们要学习的三元运算符与之前的运算符不同。之前学习的均为一元或者二元运算符。元即参与运算的数据。

l 格式:

(条件表达式)?表达式1:表达式2;

l 表达式:通俗的说,即通过使用运算符将操作数联系起来的式子,例如:

l 3+2,使用算数运算符将操作数联系起来,这种情况,我们称为算数表达式。

l 3>2,使用比较运算符(也称为条件运算符)将操作数联系起来,这种情况,我们称为条件表达式。

l 其他表达式,不再一一举例。

l 三元运算符运算规则:

先判断条件表达式的值,若为true,运算结果为表达式1;若为false,运算结果为表达式2。

 

通过代码演示,我们来学习下三元运算符的使用:

方式一:
    System.out.println( 3>2 ? “正确” : “错误” ); 
// 三元运算符运算后的结果为true,运算结果为表达式1的值“正确”,然后将结果“正确”,在控制台输出打印

方式二:
    int a = 3;
    int b = 4;
    String result = (a==b) ? “相等” : “不相等”;  
//三元运算符运算后的结果为false,运算结果为表达式2的值“不相等”,然后将结果赋值给了变量

result

方式三:
    int n = (3>2 && 4>6) ? 100 : 200;
    //三元运算符运算后的结果为false,运算结果为表达式2的值200,然后将结果200赋值给了变量n

 

开方

如果想计算数值a的开二次方,可以使用如下函数:

     Math.sqrt(a);

sqrt即“square 开方”。比如:

    var a = Math.sqrt(36);

1.7 运算符优先级

在学习运算符的过程中,我们发现,当多个运算符一起使用的时候,容易出现不清晰先后运算顺序的问题,那么,在这里,我们来学习下,运算符之间的运算优先级。

下图是每种运算符的优先级,按照运算先后顺序排序(优先级相同的情况下,按照从左到右的顺序依次运算)

优先级

描述

运算符

1

括号

()、[]

2

正负号

+、-

3

自增自减,非

++、–、!

4

乘除,取余

*、/、%

5

加减

+、-

6

移位运算

<<、>>、>>>

7

大小关系

>、>=、<、<=

8

相等关系

==、!=

9

按位与

&

10

按位异或

^

11

按位或

|

12

逻辑与

&&

13

逻辑或

||

14

条件运算

?:

15

赋值运算

=、+=、-=、*=、/=、%=

16

位赋值运算

&=、|=、<<=、>>=、>>>=

 

优先级顺序看完了,我们来通过代码,加强一下:

int
n = 3>4 ? 100 : 200;

这行的代码运算执行顺序我们来写一下:

l 1.执行
3>4操作,得到布尔类型false的结果

l 2.通过结果false,将对应的表达式2的结果200,作为运算的最终结果

l 3.把200
赋值给变量n

接下来,我们看一个比较复杂的代码:

int a = 5;
 int b = 3;
 int c = 1;
int n2 = (a>b && b>c) ? (c++) : (++c);

这段代码运算执行顺序我们也写一下:

l 1.小括号优先级高,我们先运算第一组小括号中的代码

l 1.1.
比较运算符”>” 优先级大于 逻辑运算符”&&”

l 先执行 a>b,得到结果true;

l 再执行 b>c,得到结果true;

l 最后执行 a>b的结果 &&
b>c的结果,即 true && true, 结果为true

l 2.三元运算符中的条件判断结果为true,返回表达式1的结果
c++

l 先将变量c的原有值赋值给变量n2,即n2值为1;

l 再将变量c的值自增1,更新为2

运算符我们学到这里就结束了,稍后在“趣味乐园”中,我们可以运用运算符进行练习。

布尔值、关系运算符、逻辑运算符

布尔值

我们在上一篇文章中学习到的变量类型中包括:数值型、字符串型。今天再来学习一个类型:布尔类型

布尔类型的值,就两个:true、false。

布尔值直接使用就可以了,千万不要加上引号。

代码:

    var a = true;
    console.log(typeof a);

控制台输出结果:

    boolean

关系运算符

关系运算符有很多种,比如:

    >   大于号
    <   小于号
    >=  大于或等于
    <=  小于或等于
    ==  等于
    === 全等于
    !=  不等于
    !== 不全等于

关系运算符,得到的结果都是布尔值:要么是true,要么是false。

==符号的强调

注意==这个符号,它是必发88官网,判断是否等于,而不是赋值。

(1)==这个符号,还可以验证字符串是否相同。例如:

    console.log("我爱你中国" == "我爱你中国");        //输出结果为true

(3)==这个符号并不严谨,会将不同类型的东西,转为相同类型进行比较。例如:

    console.log("6" == 6);      //true

如果要保证完全等于,我们就要用三个等号===。例如:

    console.log("6" === 6);     //false
    console.log(6 === 6);       //true

上述内容分析出:

  • ==两个等号,不严谨,”6″和6是true。

  • ===三个等号,严谨,”6″和6是false。

另外还有:==的反面是!====的反面是!==。例如:

    console.log(3 != 8);    //true
    console.log(3 != "3");  //false,因为3=="3"是true,所以反过来就是false。
    console.log(3 !== "3"); //true,应为3==="3"是false,所以反过来是true。

逻辑运算符

逻辑运算符有三个:

  • && 与(且):两个都为真,结果才为真

  • || 或

  • ! 非:只要有一个是真,结果就是真

能参与逻辑运算的,都是布尔值,得到的答案仍然是布尔值。

连比的写法:

来看看逻辑运算符连比的写法。

举例1:

    console.log(3 < 2 && 2 < 4);

输出结果为false。

举例2:(判断一个人的年龄是否在18~60岁之间)

    var a = prompt("请输入您的年龄");
    alert(a>=18 && a<= 65);

数据类型转换

暂略。

我的公众号

想学习代码之外的软技能?不妨关注我的微信公众号:生命团队(id:vitateam)。

扫一扫,你将发现另一个全新的世界,而这将是一场美丽的意外:

必发88官网 6

相关文章