javaScript基本循环

JavaScript 循环

在编写代码时,你常常希望反复执行同一段代码。我们可以使用循环来完成这个功能,这样就用不着重复地写若干行相同的代码。

JavaScript 有两种不同种类的循环:

for
将一段代码循环执行指定的次数
while
当指定的条件为 true 时循环执行代码
for 循环

在脚本的运行次数已确定的情况下使用 for 循环。

语法:

for (变量=开始值;变量<=结束值;变量=变量+步进值) 

{

    需执行的代码

}

实例:

解释:下面的例子定义了一个循环程序,这个程序中 i 的起始值为 0。每执行一次循环,i 的值就会累加一次 1,循环会一直运行下去,直到 i 等于 10 为止。

注释:步进值可以为负。如果步进值为负,需要调整 for 声明中的比较运算符。

<html>

<body>

<script type="text/javascript">

var i=0

for (i=0;i<=10;i++)

{
//javaScript的输出
document.write("The number is " + i) document.write("<br />")// } </script> </body> </html>

While 循环利用 while 循环在指定条件为 true 时来循环执行代码。Do while 循环利用 do...while 循环在指定条件为 true 时来循环执行代码。在即使条件为 false 时,这种循环也会至少执行一次。这是因为在条件被验证前,这个语句就会执行。

while 循环

while 循环用于在指定条件为 true 时循环执行代码。

语法:

while (变量<=结束值)

{

    需执行的代码

}

注意:除了<=,还可以使用其他的比较运算符。

实例:

解释:下面的例子定义了一个循环程序,这个循环程序的参数 i 的起始值为 0。该程序会反复运行,直到 i 大于 10 为止。i 的步进值为 1。

<html>

<body>

<script type="text/javascript">

var i=0

while (i<=10)

{

document.write("The number is " + i)

document.write("<br />")

i=i+1

}

</script>

</body>

</html>

do...while 循环

do...while 循环是 while 循环的变种。该循环程序在初次运行时会首先执行一遍其中的代码,然后当指定的条件为 true 时,它会继续这个循环。所以可以这么说,do...while 循环为执行至少一遍其中的代码,即使条件为 false,因为其中的代码执行后才会进行条件验证。

语法:

do

{

    需执行的代码

}

while (变量<=结束值)

实例:

<html>

<body>

<script type="text/javascript">

var i=0

do 

{

document.write("The number is " + i)

document.write("<br />")

i=i+1

}

while (i<0)

</script>

</body>

</html>
时间: 2024-08-06 20:19:47

javaScript基本循环的相关文章

定时器运行原理 &amp;&amp; javascript事件循环模型

定时器是我们经常使用的一个异步函数,它的用处十分广泛,比如图片轮播.各种小的动画.延时操作等等:定时器函数只有两个setTimeout.setInterval,这两个工作原理相同,唯一的区别是:setTimeout只执行一次,setInterval循环执行:通过以下实例看看对定时器原理掌握程度: 定时器3个实例 首先声明这三个实例输出皆不同,先思考输出结果,以及为何不同 实例一: console.log('test1') for(var i=0;i<10;i++){ setTimeout(()=

Javascript 数组循环遍历之forEach

Javascript 数组循环遍历之forEach 数组循环变量,最先想到的就是 for(var i=0;i<count;i++)这样的方式了. 除此之外,也可以使用较简便的forEach 方式 2.  forEach 函数. Firefox 和Chrome 的Array 类型都有forEach的函数.使用如下: [html] view plain copy <!--Add by oscar999--> <!DOCTYPE HTML PUBLIC "-//W3C//DTD

JavaScript的循环语句

JavaScript的循环语句 1.JavaScript的循环语句 (1)for循环语句 - 循环代码块一定的次数: (2)for/in循环语句 - 循环遍历对象的属性: (3)while循环语句 - 指定的条件为true时,循环指定的代码: (4)do/while循环语句 - 当指定的条件为true时,循环指定的代码. 2.for循环语句 (1)for循环语句的语法 //for循环的语句语法 for(语句1;语句2;语句3){ //被执行的代码块 } 语句1:在循环开始前执行:可以省略,也可以

JavaScript for循环实现表格隔行变色

本代码主要演示的是for循环, <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JavaScript for循环实现表格隔行变色</title> <script> window.onload=function () { oTab = document.getElementById('tab1'

JavaScript控制循环移动模板

在这里我是定义的div模板来移动,代码如下: 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style type="text/css"> 7 #div1{ 8 width: 200px; 9 height: 200px; 10

如何用JavaScript制作循环图形

[图题思路]              1.确定图形一共几行,即为外层的循环的次数 2.确定每行有几种元素,代表有几个内层循环 3.确定每种元素的个数,即为每个内层循环的次数Tips:通常,找出每种元素的个数与行号的关系,即为当前内层循环的最大值 长方形:每行循环5次,再循环5行 <script type="text/javascript">                                    for(var a=1;a<=5;a++){      

深入理解 JavaScript 事件循环(一)— event loop

引言 相信所有学过 JavaScript 都知道它是一门单线程的语言,这也就意味着 JS 无法进行多线程编程,但是 JS 当中却有着无处不在的异步概念 .在初期许多人会把异步理解成类似多线程的编程模式,其实他们中有着很大的差别,要完全理解异步,就需要了解 JS 的运行核心——事件循环(event loop).在之前我对事件循环的认识也是一知半解的,直到我看了 Philip Roberts 的演讲 What the heck is the event loop anyway?,我才对事件循环有了一

Javascript for循环指定锚点跳转

在某些使用多层嵌套for循环的场合里 会用到break和continue来中途跳转循环 break是跳出整个循环 continue是跳出当前循环,继续下次循环 而多层for循环嵌套里使用这两个关键字默认只能跳到当前for循环的上一层 如果我们需要跳到上一层的上一层,或者跳到顶层呢? javascript为我们提供了一个循环跳转的标签 ,感觉有点类似C语言里的goto语句 1 here: 2 for(var i=0;i<5;i++){ 3 for(var j=0;j<5;j++){ 4 if(i

手写js代码(一)javascript数组循环遍历之forEach

注:原文地址http://blog.csdn.net/oscar999/article/details/8671546 我这里是仿照学习! 1.js的数组循环遍历 ①数组的遍历首先想到的是for()循环语句 var arr = ['summer','i','love', 'you']; for(var i=0, length=arr.length; i<length; i++) { alert(arr[i]); } ②其次,比较简单的方法 forEach() FireFox 和Chrome的Ar