JavaScript中一元运算符、三元运算符、循环

一、一元运算符

前置自增：

let num1 = 1;
++num1;//2
//每执行1次，当前变量数值加1
//其作用相当于num1+=1

后置自增：

 let num2 = 1;
 num2++;  //让num2的值加1变2
 //每执行1次，当前变量数值加1
 //其作用相当于num2+=1

区别
1.单独使用前置和后置没有区别。
2.前置自增：先自加再使用（记忆口诀：++在前，先加）

let i = 1;
console.log(++i+2);//4
//注意：i是2
//i先自加1,变成2之后，在和后面的2相加

二、三元运算符

 1.使用场景：比if双分支更简单的写法，可以使用三元表达式。
 2.符号：?与:配合使用
 3.语法：
    条件?满足时执行的代码:不满足使执行的代码
  4.一般用来取值

let num1 = +prompt('请输入第一个数');
let num2 = +prompt('请输入第二个数');
num1 > num2 ? alert(`最大值是：${num1}`):alert(`最大值是：${num2}`);

三、循环

1.while循环
2.for循环
3.while循环和for循环区别
4.for循环嵌套

1.while循环

 1.while循环的作用是什么？
         在满足条件期间，重复执行某些代码
 2.while循环三要素是什么？
    2.1变量起始值
    2.2终止条件（没有终止条件，循环会一直执行，造成死循环）
    2.3变量变化量（用自增或者自减）

 //1.变量的起始值
        let end = +prompt('请输入次数');
        let i = 1;
        //2.终止条件
        while(i <= 3){
            document.write('我要循环三次<br>')
            //3.变量的变化量
            i++;
        }

2.for循环
1.for循环执行代码
*作用：重复执行代码
*好处：把声明起始值、循环条件、变化值写到一起，让人一目了然，它是最常使用得循环形式
*for(变量起始值;终止条件;变量变化量){
//循环体
}

//求1-100之间得偶数和
        let sum = 0;
        for(let i=1;i<=100;i++){
            if(i % 2 === 0){
                sum += i;
            }
        }
        document.write(`1-100之间得偶数和是：${sum}`)

PS:无限循环

for(;;){
   console.log(11);
}

2.退出循环
*continue退出本次循环，一般用于排除或者跳出某一个选项的时候，可以使用continue。
*break 退出整个for循环，一般用于结果已经得到，后续的循环不需要的时候可以使用。

    for(let i=1;i<=5;i++){
            if(i===3){
                continue;//退出本次循环，本次循环中continue下面的语句不在执行
            }
            console.log(i);//1  2  4  5
        }

        for(let i=1;i<=5;i++){
            if(i===3){
                break;//退出循环
            }
            console.log(i);//1  2  
        }

3.for循环和while循环区别：
1.如果明确了循环的次数的时候推荐使用for循环
2.不明确循环的次数的时候推荐使用while循环

4.for循环嵌套

打印任意行，任意列星星

let row = +prompt('请输入行数：');
let col = +prompt('请输入列数：');

  //外层打印行数
  for(let i=1;i<=row;i++){
    //里层循环打印几个星星
    for(let j=1;j<=col;j++){
        document.write('☆');
    }
    //进行换行显示
    document.write('<br>');
}

打印直角三角形

for(i=1;i<=5;i++){
   for(j=1;j<=i;j++){
       document.write('☆');
   }
   document.write('<br>');
}

乘法口诀表

 <style>
        span{
            display: inline-block;
            width: 135px;
            padding: 5px 10px;
            border: 1px solid pink;
            margin: 2px;
            border-radius: 5px;
            box-shadow: 2px 2px 2px rgba(255, 192, 203, .4);
            background-color: rgba(255, 192, 203, .1);
            text-align: center;
            color:hotpink;
        }
</style>


<script>
     for(let i=1;i<=9;i++){
         for(let j=1;j<=i;j++){
             document.write(`<span>${j} X ${i} = ${i*j}</span>`);
         }
         document.write('<br>')
     }
 </script>