首页 > 代码库 > JS基础——循环很重要

JS基础——循环很重要

2024-09-13 09:32:45   215人阅读

介绍循环之前，首先要说一下同样很重要的if-else结构，switch-case结构

①if-else结构
if(判断条件) {
条件为true时执行
}
else{
条件为false时执行
}
②if-else-if结构(阶梯if)
if(条件一){
条件一成立
}
else if( 条件二){
条件一不成立&&条件二成立
（else-if部分可以有多个）
}
else{
条件一不成立&&条件二不成立
}
③嵌套if结构
结构写法
if（条件一）{
　　条件一成立
if（条件二）{
 
 
}
else{
条件一成立&&条件二不成立
}
}
else{
条件一不成立
}
要注意的是
if()中的表达式，运算之后结果应该是
①boolean： true为真，false为假
②string： 非空字符串为真，空字符串为假
③null / NaN /Undefined 全为假
④object类型 全为真
⑤number： 0为假，非零为真
Switch-Case结构
1.．结构写法：
switch（表达式）{
　　case 常量表达式1：
　　语句一；
　　break；
　　case 表达式2：
　　语句二；
　　break；
.......
　　default：
　　语句N
}
2.注意事项：
①switch（）中的表达式以及每个case后的表达式，可以为任何JS支持的数据类型（对象和数组除外）
②case后边的所有常量表达式必须各不相同，否则，只会执行第一个。
③case后的常量可以是任何数据类型；同一个switch结构的不同case，可以是多种不同的数据类型；
④switch在进行判断的时候，采用的是全等＝＝＝判断
⑤break；执行完case代码后，跳出当前switch结构。
若缺少break：从正确的case项开始，依次执行所有的case和default
⑥switch结构在判断时，只会判断一次正确答案。当遇到正确的case项后，将不会再判断后续项。依次往下执行
用法示例：输入一个月份，判断属于哪个季度
                        var mon=Number(prompt("请输入月份：")); 
            switch(parseInt((mon-1)/3)){
                case 0:
                document.write("第一季度");
                break;
                case 1:
                document.write("第er二季度");
                break;
                case 2:
                document.write("第三季度");
                break;
                case 3:
                document.write("第四季度");
                break;
            }

 

好了，下边就是要说的非常重要的循环了；首先来说一下while循环
【循环结构的步骤】
①声明循环变量
②判断循环条件
③执行循环体（while大括号中的所有代码）操作
④改变循环变量
⑤循环执行②③④
【JS中循环条件支持的数据类型】
支持JS中的所有类型
①boolean： true为真，false为假
②string： 非空字符串为真，空字符串为假
③null / NaN /Undefined 全为假
④object类型 全为真
⑤number： 0为假，非零为真
至于do-while循环：
先执行，再判断；即便条件不成立，也先执行一次。
最后来说一下最常用的 for循环
for（初始化循环变量；循环条件；修改循环变量的值）{
　　
}
for循环有三个表达式①定义循环变量②判断循环条件③更新循环变量，之间用分号隔开。
三个表达式可省略，但分号不可省略
特点：先判断，再执行
②for循环三个表达式均可以由多部分组成，中间用逗号分隔。但第二部分判断要用&&连接，最终结果需要为真/假
例如：
for（n=1,j=5; n<=5; n++,j--）{
}
 
 
 
循环控制语句
1.break：终止本层循环，继续进行循环后边的语句。
当eak只循环有多层时，br会跳过一层循环
2.continue：跳过本次循环，继续执行下次循环
对于for循环，continue执行后，继续执行循环变量更新语句n++
对于while do-while，continue执行后，继续执行循环条件判断；所以在这两个循环中使用时，必须注意：continue一定要在n++后边使用
【循环嵌套】
外层循环转一次，内层循环转一圈
下边我们做个经典的图形题：用*打印一个菱形
              var f,g;
            for(f=1;f<=4;f++){
                for(g=1;g<=4-f;g++){
                    document.write("&nbsp");
                }
                for(g=1;g<=2*f-1;g++){
                    document.write("*");
                }
                document.write("<br />");
            }
            for(f=4;f>0;f--){
                for(g=4-f;g>=0;g--){
                    document.write("&nbsp");
                }
                for(g=2*f-4;g>=0;g--)
                {
                    document.write("*")
                }
                document.write("<br />");
            }

技术分享

 

 简单总结一下：
【嵌套循环特点】
外层循环控制行数，内层循环控制每行元素个数
【图形题思路】
1.确定图形一共几行，即为外层循环次数；
2.确定每行有几种元素，代表有几个内层循环；
3.每种元素有几个，即为每个内层循环的次数；（通常找出每种元素个数与行号的关系式，即为当前内层循环的最大值（从一开始））

JS基础——循环很重要


联系
我们