js连接符，运算符和数据类型的相关知识

javascript的基础知识(二)

目录

javascript的基础知识(二)

一：关于连接符 ‘+’

二：类型转换

1: 转数值类型

2： 转字符串类型

3：转布尔值类型

三：运算符

1：算数运算符

2：赋值运算符

3：比较运算符

4：逻辑运算符

5：条件运算符

四：if分支语句和多分支语句

---

一：关于连接符 ‘+’

特点技巧：无论连接的是什么类型都将转化为字符串类型；可以用于类型转换。

二：基本数据类型转换

1: 转数值类型

(1):Number()

布尔值转数值类型：true=>1   false=>0

数值型字符串：=>number

非数值型字符串：=>NaN

undefined: =>NaN

null: =>0

(2):parseInt

数值型字符串：number       ps:如果数值是小数，则取整数部分

布尔值,对空，未定义：=>非数值NaN

特点：只能识别以数值开头才能转换，并且取整。

(3):parseFloat()

特点：可以将取值保留小数，其余规则与parseInt相同，.to Fixed(值)，保留多少位小数。

2： 转字符串类型

(1):  String()

=>任意类型都能转换为字符串类型

(2):变量   ().toString

undefined , null =>报错

其余类型与String类似

3：转布尔值类型

(1):Boolean

特点：除开NaN,undefined,0,null,' '这几个类型是false,其余都是true。

三：运算符

1：算数运算符

+ 加    - 减    * 乘  / 除   %取余       ++自增     --自减

++ 自增

++在前 => 先加一，再运算

++在后 => 先运算，再加一

-- 自减

--在前 => 先减一，再运算

--在后 => 先运算，再减一

 

 

 

 

 

 

 

 

<script>
        //  var a = 6;
        //  var b = 2;
        //  var c = a % b;
        //  console.log('c = ' + c)

        // var a = 2;
        // // ++a;  // 自身加一  
        // var b;
        // b = a++;
        
        // console.log('a = ' + a)
        // console.log('b = ' + b)

        var a = 2;
        // a--;  // 自身加一  
        var b = --a;
        
        console.log('a = ' + a)
        console.log('b = ' + b)

     </script>

2：赋值运算符

<script>
         var a = 2;
         a += 10;  //  a += 10 <=> a = a + 10
         console.log('a = ', a)

     </script>

3：比较运算符

> 大于 < 小于 = !=不等于 >= <=

特点： 运算结果 布尔值

10 > 20 => false

=== 恒等于 数值 和 数据类型

== 等于 数值

4：逻辑运算符

逻辑运算符

逻辑与 &&

true && false

同为真，则为真

有一个为假，则为假

逻辑或 ||

true || false

同为假，则为假

有一个为真，则为真，

逻辑非 ！

非真，则假

非假, 则真

特点：

1.逻辑运算符左右两边表达式值是布尔类型

2.运算结果布尔值

<script>
        //  var a = false && false;
        //  console.log('a = ',a);

        //  var a = true || false;
        //  console.log('a = ',a);

        // var a = !false
        // console.log('a = ', a);

         var b = 10;
         var a = (20<10) && (++b > 10); // b的值是多？
         console.log('b = ',b);

    </script>

5：条件运算符

条件表达式 ? 值1 ： 值2;

注: 条件表达式 =>布尔值

<script>
        var a = 20 > 10 ? 11 : 20;
        console.log('a = ',a )
    </script>

四：if分支语句和多分支语句

if语句

语法:

if(条件表达式){

语句块

}

注： 只有一条语句时，可以省略大括号

if-else语句

语法:

if(条件表达式){

语句块

}else{

语句块

}

if-else-if

语法:

if(条件1){

语句块A

}else if(条件2){

语句块B

}else{

语句块c

}

多分支语句

switch(表达式){

case 值1:

语句块A

[break]

case 值2:

语句块B

[break]

case 值3:

语句块C

[break]

default:

语句块D

}

注:如若不加break,在找到条件为true的值后后面的条件也将跟着继续执行。

break语句结束分支

<script>
        // console.log('语句1');
        // var a = 10;
        // //if语句
        // if (a > 10)
        //     console.log('条件成立1');

        // console.log('条件成立2');
        // console.log('语句结束');

        console.log('语句1');
        var a = 10;
        // //if语句
        // if (a > 10) {
        //     console.log('条件成立1');
        // } else {
        //     console.log('条件不成立')
        // }

        // console.log('语句结束');

        // if(a > 10){
        //     console.log('a > 10 成立')
        // }else if(a == 10){
        //     console.log('a == 10 成立')
        // }else{
        //     console.log(' a < 10 成立')
        // }

        var week = 2;
        switch (week) {
            case 1:
                console.log('周一');
                break;
            case 2:
                console.log('周二');
                // break;
            case 3:
                console.log('周三');
                break;
            case 4:
                console.log('周四');
                break;
            case 5:
                console.log('周五');
                break;
            default:
                console.log('周末')
        }

        console.log('语句结束');
    </script>