JS循环结构有几种，怎样实现？-群英

上一篇：JS如何改变元素宽高，方法是什么？下一篇：用JS实现重置功能的方法是什么？

JS循环结构有几种？在javascript中循环结构有三种，分别是for循序、while循环和do while循环，具体是如何实现的呢？这篇我们就来看看JS中循环的实现，文中的示例代码介绍得很详细，有需要的朋友可以参考，接下来就跟随小编一起学习一下吧。

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

所谓循环，就是重复执行一段代码，计算机的判断能力和人相比差的很远，计算机更擅长一件事情——不停的重复。而我们在JavaScript中把这叫做循环。下面让我们来了解了解JavaScript里的循环。

js循环结构有哪些

js循环结构有三种

for是由两个部分组成，条件控制和循环体

语法：

for(初始化语句;循环条件;自增或自减){
	需要重复的代码块;
}

for语句结构如图：

for循环的执行顺序

1、初始化表达式

2、循环条件表达式

3、需要重复的代码块

4、循环后的操作表达式

简单的for循环，循环执行一次会改变一个变量的值
举例：输出1到100的值

for(var i=1; i <= 100; i++){
//在循环开始时设置一个变量i；//定义运行循环的条件i<=100;//每个循环执行后，变量增加1
console.log(i);
}

while循环会重复执行一段代码，直到某个条件不再满足。

语法：

while(条件表达式语句){
	执行的代码块;
}

while循环结构如图：

while执行顺序

当我们的使用条件条件返回值是true，就会执行大括号里面的代码块，执行完大括号的语句之后，会重复大括号里的语句，直到判定条件返回值为false，才会结束循环。

案例：

var i = 0;
while (i < 10){
	console.log(i);
	i++;
}
//while循环会先判定条件，再根据条件是否成立达成决定是否进入循环
//如果条件一开始就是false ，则不会进入循环

缺点：

do while 结构的基本原理和while结构是基本相同的，但是它保证循环体至少被执行一次。因为它是先执行代码，后判断条件

语法：

do {
	执行语句块;
}
while(条件表达式语句);

do while 执行顺序：

先执行一次code，再做判断。与while循环不同，do while无论条件如何都会执行一次代码

案例：

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

现在大家对于 JS循环结构有几种及实现应该都清楚了吧，上述示例有一定的参考价值，需要的朋友可以了解看看，希望大家阅读完这篇文章能有所收获。最后，想要了解更多 JS循环结构的内容，大家可以关注群英网络其它相关文章。

文本转载自PHP中文网

标签： js循环结构有几种

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

上一篇：JS如何改变元素宽高，方法是什么？下一篇：用JS实现重置功能的方法是什么？