`
rcatws
  • 浏览: 5717 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

JavaScript 笔记 6 - 循环语句

 
阅读更多

JavaScript 循环语句
avaScript 支持的循环

  • for - 循环代码块一定的次数
  • for/in - 循环遍历对象的属性
  • while - 当指定的条件为 true 时循环指定的代码块
  • do/while - 同样当指定的条件为 true 时循环指定的代码块


for 循环语句

for (语句1; 语句2; 语句3)
{
    被执行的代码块
}

 

 

语句 1 (代码块)开始前执行 starts.
语句 2 定义运行循环(代码块)的条件
语句 3 在循环(代码块)已被执行之后执行

语句 1
通常我们会使用语句 1 初始化循环中所用的变量。
语句1可以省略,但需要在循环开始前设置值。

例1:
for (var i=0; i<5; i++)
{
	x=x + "The number is " + i + "<br>";
}

例2:
var i=2;
for (; i<cars.length; i++)
{
	document.write(cars[i] + "<br>");
}

 
语句 2
语句 2 用于评估初始变量的条件。
如果语句 2 返回 true,则循环再次开始,如果返回 false,则循环将结束。

语句 3
语句 3 会增加初始变量的值。
增量可以为负数,或者更大的值。
语句 3 也可以省略。

var i=0,len=cars.length;
for (; i<len; )
{
	document.write(cars[i] + "<br>");
	i++;
}

 
for/in循环语法
avaScript for/in 语句循环遍历对象的属性。

var person={fname:"John",lname:"Doe",age:25};

for (x in person)
{
    txt = txt + person[x];
}

 
while 循环语句
while循环语法

while (条件)
{
    需要执行的代码
}

 
while循环会在指定条件为真时循环执行代码块。

while (i<5)
{
  x=x + "The number is " + i + "<br>";
  i++;
}

  
do/while语法

do
{
    需要执行的代码
}

 
do/while 循环是 while 循环的变体。该循环会在检查条件是否为真之前执行一次代码块,然后如果条件为真的话,就会重复这个循环。
while (条件);

do
{
    x=x + "The number is " + i + "<br>";
    i++;
}
while (i<5);

 
Break和Continue语句
Break语句
break语句,可以用于跳出switch()语句,也可以用于跳出循环。
break 语句跳出循环后,会继续执行该循环之后的代码。

for (i=0;i<10;i++)
{
    if (i==3) break;
    x=x + "The number is " + i + "<br>";
} 

 
Continue语句
continue 语句中断循环中的迭代,如果出现了指定的条件,然后继续循环中的下一个迭代。

for (i=0;i<=10;i++)
{
    if (i==3) continue;
    x=x + "The number is " + i + "<br>";
} 

 
JavaScript标签
如需标记 JavaScript 语句,请在语句之前加上冒号
break 和 continue 语句仅仅是能够跳出代码块的语句。

break labelname;
continue labelname;

 
continue 语句(带有或不带标签引用)只能用在循环中。
break 语句(不带标签引用),只能用在循环或 switch 中。

cars=["BMW","Volvo","Saab","Ford"];
list:
{
    document.write(cars[0] + "<br>");
    document.write(cars[1] + "<br>");
    document.write(cars[2] + "<br>");
    break list;
    document.write(cars[3] + "<br>");
    document.write(cars[4] + "<br>");
    document.write(cars[5] + "<br>");
}

 

总结整理

  • for循环中的语句2可以省略,但需要在循环中使用break,否则造成死循环。
  • for循环中的语句3可以省略,但需要在循环中对增量进行操作或者使用break,否则也会造成死循环。
  • while循环中忘记增加条件中所用变量的值,该循环永远不会结束。这可能导致浏览器崩溃。
分享到:
评论

相关推荐

    JavaScript学习笔记讲解

    1.5.2 While循环语句 7 1.5.3 do while 语句 7 1.5.4 for循环语句 8 1.6 JS中的系统函数(它们都属于GLOBAL对象的方法,可以直接使用) 9 1.6.1 parseInt(numString,[radix])方法 9 1.6.2 parseFloat方法 9 1.6.3 ...

    JavaScript笔记.doc

    1、for循环语句: 2 2、while循环: 2 3、do-while循环: 2 4、JavaScript函数: 2 5、在JavaScript中基于对象的编程: 3 6、内置的JavaScript对象: 3 7、处理对象的内置方法: 3 8、用户自定义对象: 4 9、使用IE...

    JavaScript for循环 if判断语句(学习笔记)

    今天学习了JavaScript里面的for循环以及if的判断语句 for(初始值;循环条件;操作){  满足条件要执行的代码语句 } 初始值:循环前的初始化变量,通常为赋值表达式:建议用var赋值,可以加快运行速度。 循环条件:...

    JavaScript语言笔记包括运算符、条件语句、循环、类型转换等

    JavaScript

    JavaScript 学习笔记之语句

    一、条件分支语句:if 基本格式: if (&lt;表达式1&gt;){  &lt;语句组1&gt; }else if (&lt;表达式2&gt;){  &lt;语句组2&gt; ...二、循环语句 2.1前测试循环语句:在...2.2后测试循环语句:在循环体中的代码被执行之后才会测试出口条

    JavaScript笔记

    |--查找和替换所有:while循环 | |--String 对象的常用方法有: |--x.toLowerCase()、x.toUpperCase():大小写转换方法; |--x.charAt(index):返回指定位置的字符; |--x.charCodeAt(index):返回指定位置...

    千峰python课件笔记+源码 (凯哥)

    与条件循环语句与trutle' '千锋python基础教程:5、元组&字符串&字典' 千锋python基础教程:6、函数基础 '千锋python基础教程:7、装饰器&偏函数与作用域与异常处理与文件读写' 千锋python基础教程:8、os与窗口...

    js基础教学笔记.docx

    3、 初识JavaScript、JavaScript注释、JavaScript输入输出语句 4 4、 变量 6 5、 数据类型 7 6、 操作符 10 7、 流程控制 12 8、 循环 13 9、 JavaScript命名规范 14 10、 JavaScript数组 14 11、 JavaScript函数 15...

    javascript入门笔记

    Javascript Basic 1、Javascript 概述(了解) Javascript,简称为 JS,是一款能够运行在 JS解释器/引擎 中的脚本语言 JS解释器/引擎 是JS的运行环境: 1、独立安装的JS解释器 - NodeJS 2、嵌入在浏览器中的JS...

    《JavaScript 程序设计》 基础篇2

    网易微专业之《前端开发工程师》 学习笔记 开始时间:2015.12.28 《JavaScript 程序设计》 基础篇

    整理Javascript流程控制语句学习笔记

    1、做判断(if语句) if语句是基于条件成立才执行相应代码时使用的语句。 语法: if(条件){ 条件成立时执行代码 } 例子:假设你应聘web前端技术开发岗位,如果你会HTML技术,你面试成功,欢迎加入公司。 ...

    前端开发笔记.docx

    笔记内容应包括变量、数据类型、条件语句、循环、函数和面向对象编程等基本概念。 DOM(文档对象模型): DOM表示网页的结构,可以通过JavaScript进行操作。记录如何选择、修改和创建DOM元素,以实现动态更新页面...

    JavaScript.xmind

    JavaScript的基础笔记,对出入前端的同学能起到引导学习的效果,对js语法、选择器、过滤、遍历、函数、条件语句、循环语句、DOM操作、内置对象、JS运算符、JS事件。

    JavaScript学习笔记之基础语法

    JavaScript中很多基础内容和Java中大体上基本一样,所以不需要再单独重复讲了,包括:  各种算术运算符、比较运算符、逻辑运算符;  if else语句、switch语句;  for循环、while循环、do while循环;  标签、...

    JavaScript高级程序设计(第3版)学习笔记5 js语句

    语句也和操作符一样,对于有C背景的人来说再自然不过了,下面采用类似的形式整理一下语句的相关知识,重点突出一些ECMAScript中比较特别和个人认为比较有意思的地方,同样,没有强调的但比较基础的语句并非不重要,...

    JS高级程序设计-核心笔记.docx

    自学笔记 1 章 JavaScript 简介 .................................1 1.1 JavaScript 简史 ..........................................1 1.2 JavaScript 实现 ..........................................2 1.2.1 ...

    整理后java开发全套达内学习笔记(含练习)

    while (关键字) 循环语句。 当...的时候 [hwail] ORACLE_SID=oral10g\ --变局部变量 export ORACLE_SID --变全局变量 unset ORACLE_SID --卸载环境变量 ORACLE_HOME=... --安装路径;直接用一句语句也可以,...

    安卓java读取网页源码-ES6Learning:JS、ECMA概念、NodeJs、React、reactbootstrap学习笔记

     本文用以记录从0开始学习JS,将学习过程中迷惑的点以学习笔记的方式进行记录,并以时间为顺序进行排序。文中一级目录都是笔者在学习过程中遇到的问题,大部分内容并非原创,而是遇到后网上查阅并做以整理,所以如果...

Global site tag (gtag.js) - Google Analytics