JavaScript循环 while/do while/for的使用

JavaScript循环

在讲循环的之前,先知道一下循环结构的执行步骤

  1、声明循环变量;

  2、判断循环条件;

  3、执行循环体;

  4、更新循环变量;

  5、然后循环执行2-4,直到条件不成立,跳出循环、

while 循环

while循环()中的表达式,运算结果可以是各种类型,但是最终都会转为真假,转换规则

如下。

  ①Boolean:true为真,false为假;

  ②String:空字符串为假,所有非空字符串为真;

  ③Number:0为假,一切非0数字为真;

  ④null/Undefined/NaN:全为假;

  ⑤Object:全为真。

格式:

while(循环条件){

循环体

}

以1-100循环为例:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>while循环1-100</title>
</head>
<body>

</body>
</html>
<script>
    var add=1;
    var sum=0;
    while(add<=100){
        sum=sum+add;
        add++;
    }
    alert(sum);
</script>

当循环体只有一行语句时,循环体的花括号可以省略

while循环是先判断循环条件是否正确,如正确(true)时则执行循环,如为false,就跳

出循环体,转而执行while语句后面的语句。

tip:while循环必须包含循环条件,也就是while后括号里必须有一个逻辑表达式

while还有一种特殊的变体:do while

do while循环

格式:

do{

循环体

}while(循环条件)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>do while循环1-100</title>
</head>
<body>

</body>
</html>
<script>
    var sum=0;
    var add=1;
    do{
        sum=sum+add;
        add++
    }while(add<=100)
    alert(sum);
</script>

这种语句体,是会首先执行一次循环体,在每次执行完循环体之后再计算循环条件,并且

会在每次都为true的时候重新执行循环体,如果为false,将会跳转到do/while之后的语

句。

while与do while的区别:while循环的循环体可能得不到执行,但是do while至少执行一

for语句循环

for循环比while循环语句简洁,因此更受用户喜欢

格式:

for(循环条件){

循环体

}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>for循环1-100</title>
</head>
<body>

</body>
</html>
<script>
    var sum=0;
    for(var add=1;add<=100;add++){
        sum=sum+add;
    }
    alert(sum);
</script>

Tip:该循环条件可以使用var声明新变量,注意for循环由两个分号将初始值变量;条件;对象分开并无语法错误

for(;;){}

原文地址:https://www.cnblogs.com/mixcoding/p/10673126.html

时间: 2024-12-14 23:02:16

JavaScript循环 while/do while/for的使用的相关文章

javascript 循环显示&lt;hn&gt;字体

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>使用匿名函数</title> <script type="text/javascript"> var showFun=functi

JavaScript循环之for/in循环

今天学到了JavaScript的语句篇.同其他常见编程语言如C.Java等一样,JavaScript中的语句包含:①表达式语句②复合语句和空语句③声明语句④条件语句⑤循环语句⑥跳转语句,当然JavaScript还有⑦其他三种语句.那么标题叫做JavaScript循环之for/in循环,主要是因为我觉得这里面大多语句跟C.Java那些一样,没必要再浪费口舌介绍了,但for/in循环是第一次在JavaScript中接触的.当然,这些都是非常基础的内容,只是做为学习笔记,初学JavaScript可以看

每日练习之javascript循环

<html> <head> <script> window.onload=function(){ var items= [ {name: 'Tony', age: 54 }, {  name: 'Yuk', age: 52 }, {name: 'Jamo', age: 65 } ]; var item=new Array(); for(var key in items){ item.push(items[key]['name']); } alert(item); } &

使用JavaScript循环嵌套解决各种图形

[循环嵌套的规律]    1.外层循环控制行数,内层循环控制每行中元素的个数. [图形题思路]    1.确定图形有几行,行数即为外层循环次数:    2.确定每行中有几种元素组成,有几种元素表示有几个内层循环:    3.确定每种元素的个数,这个个数即为每个内层元素循环次数.     如果每种元素的个数不固定,则找出每种元素的个数,与行号的关系,     这个关系表达式即为内循环的最大值. 1.长方形 1 <!DOCTYPE html> 2 <html> 3 <head&g

javascript循环语句及函数

循环语句 1.While 语法: while (exp) { //statements; } 说明: while (变量<=结束值) { 需执行的代码 } 例1: var i = 1; while(i < 3){ alert(i); i++; } 注意:如果忘记增加条件中所用变量的值,该循环永远不会结束.这可能导致浏览器崩溃. ( 用while输出1-1000的数值 var i=1; while(i<=1000){ if(i%2){ document.write(i); } //输出1-

Javascript循环

为了理解"循环",可以将在javascript中的代码想象成一条条的分支路径.循环语句就是程序路径的一个回路,可以让一部分代码重复执行. 常见的循环语句有:while.do/while.for和for/in. (1)while if语句是一种基本的控制语句,用来选择执行程序的分支语句.和if一样,while语句也是一个基本循环语句,它的语法如下: while (expression){     statement;     } 在执行while语句之前,Javascript解释器首先计

JavaScript -- 循环语句

JavaScript 支持不同类型的循环: for - 循环代码块一定的次数 for/in - 循环遍历对象的属性 while - 当指定的条件为 true 时循环指定的代码块 do/while - 同样当指定的条件为 true 时循环指定的代码块 For 循环 for 循环是您在希望创建循环时常会用到的工具. 语法: for (语句 1; 语句 2; 语句 3) { 被执行的代码块 } while 循环 while 循环会在指定条件为真时循环执行代码块. 语法: while (条件) { 需要

JavaScript循环/选择结构

和其他语言一样,JavaScript也有循环结构和选择结构 选择结构: if(条件){     // 满足条件的执行语句 } if(条件){     // 满足条件的执行语句 } else {     // 不满足条件的执行语句 } if(条件1){     // 满足条件1的执行语句 } else if(条件2){     // 满足条件2..N..的执行语句 } else{     // 不满足以上条件的执行语句 } switch(条件){     case 匹配结果1:         /

javascript 循环遍历绑定事件问题

<!DOCTYPE html> <html manifest="/browser_page_mng/html/4/1000266/cache.manifest"> <head> <meta content="text/html; charset=UTF-8" http-equiv="Content-Type"> <meta charset="utf-8"> <t