携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第7天，点击查看活动详情

三元表达式

表达式结构：条件表达式？表达式1 ：表达式2

执行思路：条件表达式结果为真则返回表达式1的值假则返回表达式2的值

ps:三元表达式其本质就相当于if else语句的简化版本

举个栗子：👀

        var num = 10;
        var result = num > 5 ? '是的' : '不是的';
        console.log(result);
        //等价于下面
        /* if (num > 5) {
            result = '是的';
        } else {
            result = '不是的';
        } */

循环语句

表达式结构：

for(表达式1; 表达式2; 表达式3){
	//执行语句1
}

执行流程：

先执行表达式1，再判断该表达式是否满足表达式2（条件表达式），如果满足，则执行下面的执行语句1，执行完后再执行表达式3（更新表达式），之后再执行表达式2以此类推重复执行，但如果一开始就不满足，则终止循环。

下面让我们来看一个简单例子：

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

其结果是这样的👇

所以这个循环例子的本质就是挨个遍历打印1到10的数字！

下面我们来做几个易错题：

//题目1
for (var i = 1; i < 10; i = i + 3) {
    i = i + 1;
    console.log(i);
}//2  6  10

//题目2
for (var i = 1; i <= 10; i++) {}
console.log(i);//11

//题目3
for (var i = 1; i < 7; i = i + 3) {}
console.log(i);//7

//题目4
for (var i = 1; i > 0; i++) {
    console.log(i);//无限循环
}

题目1解释：声明变量i为1，先判断是否小于10，答案是，然后执行i = i + 1值为2，再打印2，然后执行更新语句i = i + 3，此时i为2，执行更新语句之后变成5，再判断小于10，再执行+1为6，再打印6，执行+3为9，仍然小于10 ，再+1，再打印10，得到结果2 6 10

其余题目都类似，大家自己思考思考吧！

JS从零开始（7）

三元表达式

循环语句