JS基础复习（2）-CSDN博客

本文链接：https://blog.csdn.net/sky89299/article/details/123035713

思维导图在第一章，有需要的小伙伴可以去看下。有任何疑问也可以随时练习我。

数据类型的转化

字符换转Number

转整数：parseInt(数据)

console.log(parseInt('123.6a'))			//123

转小数：parseFloat(数据)

console.log(parseFloat('123.6a'))		//123.6

非字符串类型转number:

	   console.log(Number(123.456))			//123.456
        console.log(Number(true)) 			//1
        console.log(Number(undefined)) 		//NAN

NAN的介绍

介绍：它是number类型中一个特殊值
原因：NAN不是数字，如果运算得不到一个数字，就会得到NAN
场景：NAN表示错误的运算，产生的原因一般是代码出bug
特点：不能参加任何运算。结果一律是NAN

转换成String类

转换成Boolean类

隐式转换

undefined和null的区别

流程控制

语句表达式

if-else分支结构

顺序结构（默认）：代码从上往下依次执行

分支结构：

//语法
          if(条件 true/false){
              满足条件需要执行的代码
			}else{
			不满足条件的时候需要执行的代码
			}
		/*注意点： 小括号里面的条件可以写哪些代码呢？
          (1)比较表达式 ： 比较表达式结果一定是布尔类型
          (2)直接写布尔类型的值
          (3)写其他的值 ： 编译器会自动转成布尔类型来判断是否成立*/

if和else的括号只会执行一个（不会同时执行）

多分支结构：

语法
            if(条件1){
                条件1成立时需要执行的代码
            }else if(条件2){
                条件2成立时需要执行的代码
            }else if(条件3){
                条件2成立时需要执行的代码
            }
            .....
            else{
                如果前面所有条件都不满足，则执行else代码
            }

注意点：

（1）多分支所有的大括号代码最多只会执行一个，只有当前面的条件不满足，才会进入后面的条件判断

（2）多分支一定要以if开头，后面else if可以多个，结尾else可以省略

三元表达式

一元运算符：只能算一个数 ++ -- ！
二元运算符：可以算两个数 算数 关系
三元运算符：可以算三个数 ？：

三元表达式：表达式？代码1 ：代码2
- 如果表达式成立，则执行代码1，否则执行代码2
- 如果代码1和代码2 有运算结果，他们就是三元表达式的结果

示范：

	    let num1 = prompt('请输入第一个数字')
        let num2 = prompt('请输入第二个数字')
        num1 > num2 ? alert(num1) :alert(num2)

如果三元表示式代码1和代码2没有结果，三元表达式结果就是undefined
如果三元表达式代码1和代码2有结果，三元表达式结果就是他们的值

switch-case分支结构（固定值匹配）

语法：

	switch(匹配值){
		case 值1：
			匹配值 === 值1， 需要执行的代码
			break
		......
		default:
			如果case后面的所有值 和 匹配值 都无法匹配 ， 则需要执行的代码
			break
	}

注意点

1. 匹配值和 case后面的值一定要是全等的关系

2.break关键字不要省略，如果省略break则会发生穿透现象，break关键字作用：结束switch-case语句，没有break则会穿透：代码会从上一个case无条件执行到下一个case

 //需求：让用户输入月份，告诉用户这是什么季节
    /* 
      春 : 3 4 5
      夏 : 6 7 8
      秋 : 9 10 11
      冬 : 12 1 2
      */
    let month = +prompt('请输入月份')
    switch (month) {
      case 3:
      case 4:
      case 5:
        alert('春季')
        break
      case 6:
      case 7:
      case 8:
        alert('夏季')
        break
      case 9:
      case 10:
      case 11:
        alert('秋季')
        break
      case 12:
      case 1:
      case 2:
        alert('冬季')
        break
    }

流程控制-循环

while循环

语法：

while(条件 true/false){
	循环体：需要重复执行的代码
}

执行规则：
- 判断小括号条件是否成立
- 如果为true，则执行循环体代码

 let num = 0 //循环变量
    while (num <= 2) { //循环条件
      console.log('干饭人');
      num++ //循环变量自增  
    }
    console.log('干饭完成')

for循环

语法：

for(声明循环变量 ； 判断语句2是否成立 ； 循环变量自增){
	//循环体 需要执行的代码
}

执行规则：
1. 执行声明变量
2. 判断循环条件是否成立
  - 成立：执行循环体，执行循环变量自增，重复步骤2
  - 不成立：循环结束

案例

<script>
        var str = '';
        for(var i = 1; i <= 9;i++){     //控制行数
            for(var j=1;j<=i;j++){      //控制列数
                str = str + i+ '*'+j+'='+i*j+' ';
            }
            str = str + '\n';
        }
        console.log(str);
    </script>