[JavaScript知识库]前端学习之JavaScript第二天学习

## 顺序结构：
### 从上到下，从左到右

## 分支结构：
### 提前定义好多种功能，在符合逻辑的条件下执行响应式的代码
** if     结构 **
1. if(表达式)
2. 计算结果是Boolean 则直接判断
3. 非Boolean 会强行转化为Boolean
4. 条件执行的代码块，表达式结构 或者表达式的转换结果为true，则执行代码块里面的内容

** switch 结构 **
1. 我们在switch 语句中的大括号之中可以定义n个case数据
2. case 数据就是用来和switch()里的数据进行比较
3. case 数据可以存在很多个
4. 对比顺序从上到下
5. 对比的运算是绝对等于

** switch(num/String/...){
    case num/String/...: 语句块; break;
    ...
    default:
    所有的case比配失败，执行这条语句。
}


## 判定纯数字字符串 
/ - 判定一个字符串是否是纯数字字符串 !; 

            // 怎么判定 NaN ? 

            // console.log( NaN === 1 );
            // console.log( NaN === 2 );
            // console.log( NaN === 3 );
            // console.log( NaN !== 10086 );

            // 需要使用 isNaN API ; 

            // - 在javascript底层， isNaN 先对传入的数据进行 Number 强制转换然后再去判定转换后的结果是不是NaN ; 
            
            // console.log( isNaN(NaN) );
            // console.log( isNaN(123) );
            // console.log( isNaN("hello world") );

            // - 判定纯数字字符串; 
            // console.log( !isNaN("123456789") );
            // console.log( !isNaN("123a456789") );


## 循环结构：
### - 实现程序的快速重复执行
** 循环语句 **
1. while(){}
2. do {} while(){}
3. for{;;}{}

```javascript
// while循环
// while(/*条件表达式*/){
//     // 循环执行
//     // 代码块
//     // 加跳出循环的条件
//     // 死循环->致命影响

//     // // 一般情况下, 都有一套配套数据
//     // 1.起始点数据
//     // 2.执行条件语句
//     // 3.有跳出循环去世的计算
// }
let i = 0;
while(i < 10){
    i++;
    console.log("i = ", i);
}

//无论循环多少次, 后面代码都会等待循环执行完后才执行

?!-- 打印1-100之间的所有偶数 -->

1. 先打印1-100所有之间的偶数, 并打印

var i = 0;
    while (i < 101) {
        i++;
        if (i % 2 === 0) {
            console.log(i);
        }
    }

2. do{}while(){}

do{
代码块
}while(i < 10){
console.log(“循环结束!” + i)
}

3. for ( ; ***;***){}
   目前最流行的循环执行语句

for(var i = 0; i < 10; i++){
    console.log(i);
}
console.log(i);

练习

• 1. 打印等腰三角形
• 1. 打印奇数个星星
• row
• n 2 * n -1

for (let i = 1; i<=4; i++){
    for(let j = 4; j < 0; j--){
        document.write("&nbsp;");
    }
    for(let k = 0; k< i * 2 - 1; j++){
        document.write("*");
    }
}