美文网首页
3、JS循环结构

3、JS循环结构

作者: 迩後 | 来源:发表于2017-09-28 16:55 被阅读0次
一、初步循环
var a = 1 ;         // 定义空间 a,它的值为 1
while (a <= 100)    // 当 a 的值 小于等于 100
{document.write( "▲" );
a++ ;}              // 让a的值自增1
二、求偶数,奇数

1.求偶数

var a = 2;
while (a <= 100){
document.write(a);
document.write(", ");
a = a + 2;}  
// a += 2; 同等于 a= a+2

2.求奇数

var a = 1;
while (a <= 100){
document.write(a);
document.write(", ");
a += 2;} 
// a += 2; 同等于 a= a+2

3.余数求偶

var a = 0;
while (a <= 100){
if (a % 2 == 0)
// 如果 a 对 2 求余,说明是偶数
{document.write(a);
document.write(", ");}
a++;
}    
//同等方法可求任意数的倍数
三、求和

1.求出 100以内的偶数和(2+4+6+8+····+100)

var sum = 0;  // 定义空间sum,用于存储所有偶数之和
var a = 0;
while (a <= 100){
   console.log(a, sum);
   sum = sum + a;
   // 在原本sum的基础上,加上偶数,再赋值给 sum
   a += 2;}
document.write(sum);    // 在循环的结尾输出 总和

2.求出 1+2+3 + .. + 100 的和

var sum = 0;
var a = 1;
while (a <= 100){
   console.log(a, sum);
   // 在原本sum的基础上,加上前面的和,再赋值给 sum
   sum = sum + a;
   a ++;}
document.write(sum); // 在循环的结尾输出 总和
四、 break 的作用 终止循环,直接结束
var a = 1;
while (a <= 5){
   if (a == 4)    // 当天是星期四,中奖了,辞职不干了
   {break;}       // break的作用是 终止循环,直接结束    
   console.log("星期" + a + ",工作内容: hello world")
   a++
}
五、continue 的作用

从当前代码开始 结束 【本次】循环,进入下一次循环,(跳过当前,继续循环)

var a = 1;
while (a <= 5){
   if (a == 2){    // 当天是星期二,生病了,请假一天
   a++;            // 为了避免continue 跳过a++, 所以,在这里多增加1天
   continue;       // continue 的作用是 从当前代码开始 结束 【本次】循环,进入下一次循环
    }
    console.log("星期" + a + ",工作内容: hello world")
    a++
}
六、for 循环
输出 1 ~ 100 所有的数字 (要求使用 for)

for (var a = 1; a <= 100; a++)      //  var a = 1    循环的开始位置
                                    //  a <= 100     循环的结束位置
{document.write(a);                 //   a++         循环的增量
                                    //   每个条件间 用 ; 进行分隔
document.write(",");}               //  所有循环代码是写在 {} 里面的
七、for 循环求偶、求和
// 输出100以内所有的偶数
for (var a = 0; a <= 100; a++)
{
    if (a % 2 == 0)
    {console.log(a);}
}

// 输出100以内所有整数之和
var sum = 0
for (var a = 1; a <= 100; a++)
{
    sum += a;
}
console.log(sum);
八、while 与 for 循环的区别
1、while 循环:如果你不知道具体要循环多少次的时候 [推荐用 while]
var a = 0;
while (a != 5)
{
    // prompt 弹出对话框并且输入,并且将结果存储到 a 中
    a = prompt();
    console.log(a);
}

2、 for 循环:如果你知道具体要循环多少次的时候[推荐用 for]
for (var a = 0; a != 5; )
{
    a = prompt();
    console.log(a);
}
九、循环嵌套
for (var a = 1; a <= 10; a++)    // a 换行循环
{
    for (var b = 1; b <= 10; b++)  // b 横排"★"循环
    {
        document.write("★")
    }
   document.write("<br>")
}
for (var a = 1; a <= 5; a++)
{
    // 每行的星星数目等于行号,那么是不是循环a次
    for (var b = 1; b <= a; b++)
    {
        document.write("★");
    }
    // 每一行结束 用 <br> 换行
    document.write("<br>");
}
1. 判断1个数字n 是不是素数
(1) 从 2..n-1 循环,只要有1个能够整除,那么 n就不是素数
(2) 只要有1个  ==> 要算算有多少个能整除
2. 100个也是类似的,直接加个循环即可
for (var b = 100; b <= 200; b++)
{
    // 定义count,用于计算有多少个能整除的,初始值为0,代表1个都没有
    //    计数器
    var count = 0;
    var n = b;
    for (var a = 2; a <= n-1; a++)
    {
        // 如果 n 整除 a
        if (n % a == 0)
        {
            count++;
        }
    }
    if (count >= 1)
    {
        // document.write( n + "不是素数");
    }
    else 
    {
        document.write( n + ", ");
    }
    // document.write( "<br>");
}
十、do-while循环
/ 先执行循环体, 再判断条件
do {
    document.write(i + ", ");
    i++;
} while (i <= 5);

do-while 不管条件如何,总会执行第一次。

语法:

do {
    循环语句(if, while,for, do-while)
} while( 表达式 );

相关文章

  • 3、JS循环结构

    一、初步循环 二、求偶数,奇数 1.求偶数 2.求奇数 3.余数求偶 三、求和 1.求出 100以内的偶数和(2+...

  • day5 js基础语法

    1、什么是js 2、js基础语法 3、变量 4、运算符 5、分之结构 6、循环 7、函数

  • JS循环结构

    本节练习 用任何一种方式写一个程序,实现以下需求:从0循环到20,分别判断该数是奇数还是偶数,并输出。输出结果如下...

  • js循环结构

  • js基础语法

    1、js基础语法 2、变量 3、运算符 4、分支结构 5、循环结构 6、函数 7、数据类型 8、数组 9、对象

  • day1 js基础语法

    1.js代码 2.js基本语法 3.变量 04-运算符 05-分之结构 06-循环结构 07-函数 08-字符串面量

  • Day24-JS基础

    1.什么是JS 2.JS基础语法 2.变量的声明 3.运算符 4.分之结构 5.循环结构 6.函数 7.数据类型

  • JS第二天

    JS第二天 目录: 分支结构 循环结构 异常处理 函数初级 事件处理 JS选择器 JS操作页面内容 JS操作页面样...

  • [JS基础]笔记四

    js流程控制语句 流程控制 顺序结构、分支结构、循环结构 分支结构 if 分支结构 if else 双分支结构语句...

  • js笔记-循环结构

    循环结构 1.while(条件){//到条件为真时执行的命令} while结束循环时用break; ...

网友评论

      本文标题:3、JS循环结构

      本文链接:https://www.haomeiwen.com/subject/iosmextx.html