JS基础——循环很重要

介绍循环之前，首先要说一下同样很重要的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.每种元素有几个，即为每个内层循环的次数；（通常找出每种元素个数与行号的关系式，即为当前内层循环的最大值（从一开始））

转载于:https://www.cnblogs.com/cherishli/p/6681838.html

JS基础——循环很重要相关推荐

js 基础 -- 循环、函数调用、全局和局部变量、异常捕获、事件
一:循环 for for in <!DOCTYPE html> <html> <head><meta charset="utf-8" / ...
JS基础-循环精灵图
要实现的效果如下图: 按照之前精灵图的做法,是采用一个一个li进行background-position的修改,但是有了JS之后就可以执行循环操作来更改图片的位置. 这里给出精灵图图片: 根据索引号来 ...
前端-js基础-循环
#博学谷IT学习技术支持目录 for循环双重for循环 while循环 do...while循环 continue 关键字 break 关键字循环循环的目的:在实际问题中,有许多具有规律性的重 ...
js基础-循环结构【003】
循环结构循环结构,就是根据某些给出的条件,重复的执行同一段代码循环必须要有某些固定的内容组成初始化条件判断要执行的代码自身改变 WHILE 循环 while,中文叫当-时,其实就是当条件 ...
【 js基础 Day2】js的流程控制:分支语句,循环.顺序结构
复习 JavaScript简称为JS JavaScript是什么? 是一门脚本语言:不需要编译,直接运行是一门解释性的语言:遇到一样代码就解释一行代码 C#语言是一门面向对象的语言,也是编译语言,是 ...
js和php难度,有js基础和简单的php基础，但是学习nodejs还是很吃力
相关的书和资料大家列举的很多了,绰绰有余,我简单分析下感受,希望有帮助. 不知道你有的js基础到底有多少:对象.方法.作用域.回调.链式调用.闭包.原型链这些概念到底理解的怎么样?这些没有深入的理解, ...
JS基础：变量、函数、对象、数组、循环、选择（判断）
JS基础:变量.函数.对象.数组.循环.选择(判断) js的三个组成部分 ECMAScript - ES - 语法规范 DOM - 文档对象模型 - API BOM - 浏览器对象模型 - API j ...
前端基础：通过《心愿墙》实践js的循环程序
前端基础:通过 <心愿墙>实践js的循环程序曾有一段故事,故事是这样的. 记者:你放羊为了什么? 放羊娃:赚钱记者:你赚钱为了什么? 放羊娃:娶媳妇记者:你娶媳妇为了什么? 放羊娃: ...
构建node.js基础镜像_我如何使用Node.js构建工作抓取网络应用
构建node.js基础镜像 by Oyetoke Tobi Emmanuel 由Oyetoke Tobi Emmanuel 我如何使用Node.js构建工作抓取网络应用 (How I built a ...

JS基础——循环很重要

JS基础——循环很重要相关推荐

最新文章

热门文章