JS之语句循环

while语句：

10以下的偶数和

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

</body>
<script>
    /*1+2+3。。。。+10*/
    var sum = 0;
    var i = 1;              //循环变量的定义
    while (i <= 10) {       //循环变量的判断
        if (i % 2 == 0) {
            sum = sum + i;
        }
        i++;                //循环变量的更新
    }
    alert(sum);
</script>
</html>

求水仙花数：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>水仙花数</title>
</head>
<body>

</body>
<script>
    var i = 1;
    var c;
    var b;
    var s;
    var g;
    while (i < 1000) {
        if (i < 10) {
            g = parseInt(i % 10);
            if (i == g * g * g) {
                alert(c = i);
            }
        }
        if (i < 100 && i >= 10) {
            s = parseInt(i / 10 % 10);
            g = parseInt(i % 10);
            if (i == s * s * s + g * g * g) {
                alert(c = i);
            }
        }
        if (i >= 100 && i < 1000) {
            b = parseInt(i / 100);
            s = parseInt(i / 10 % 10);
            g = parseInt(i % 10);
            if (i == b * b * b + s * s * s + g * g * g) {
                alert(c = i);
            }
        }
        i++;
    }
</script>
</html>

累加求和：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>累加求和</title>
</head>
<body>

</body>
<script>
    var sum = 0;
    var num = parseInt(prompt("请输入整数:"));
    while (num != -1) {
        sum += num;
        num = parseInt(prompt("请输入整数:"));
    }
    alert(sum);
</script>
</html>

Do-While循环：

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

</body>
<script>
    var sum = 0;
    var i = 1;              //循环变量的初始化
    do {
        sum = sum + i;
        i++;                //循环变量的更新
    }
    while (i <= 10);        //循环变量的判断
    alert(sum)
</script>
</html>

10以下的累加

猜数游戏：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>猜数问题</title>
</head>
<body>

</body>
<script>
    var i = 8;
    var num = parseInt(prompt("请输入数字："));
    do {
        if (i > num) {
            alert("小了");
        } else if (i < num) {
            alert("大了");
        }
        num = parseInt(prompt("请继续输入数字："));
    } while (num != 8);
    alert("喝酒")

</script>
</html>

循环的嵌套：

<!--1+（1+2）+（1+2+3）+（1+2+3+4）...-->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>循环的嵌套</title>
</head>
<body>
<!--1+（1+2）+（1+2+3）+（1+2+3+4）...-->
</body>
<script>
    var i = 1;
    var sum = 0;
    while (i <= 5) {
        var j = 1;
        while (j <= i) {
            sum = sum + j;
            j++;
        }
        i++;
    }
    alert(sum);
</script>
</html>

阶乘

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>阶乘</title>
</head>
<body>

</body>
<script>
    var i = 1;
    var sum = 0;
    while (i <= 5) {
        var j = 1;
        var sum2 = 1;
        while (j <= i) {
            sum2 = sum2 * j;
            j++;
        }
        sum += sum2;
        i++;
    }
    alert(sum);
</script>
</html>

For循环：

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

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

1-10的平方和：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>1-10的平方和</title>
</head>
<body>

</body>
<script>
    var sum = 0;
    for (var i = 1; i <= 10; i++) {
        sum += i * i
    }
    alert(sum);
</script>
</html>

输入一个数字求他的阶乘并展示出来

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

</body>
<script>
    var sum = 1;
    var i = parseInt(prompt("请输入数字："));
    for (var q = 1; q <= i; q++) {
        sum *= q;
    }
    document.write(i + "de阶乘结果为" + sum);
</script>
</html>

Break语句：

<!--跳出本次循环，结束循环，不执行所在循环的下面部分-->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>break语句</title>
</head>
<body>
<!--跳出本次循环，结束循环，不执行所在循环的下面部分-->
</body>
<script>
    var sum = 0;
    for (var i = 1; i <= 100; i++) {
        sum += i;
        if (sum >= 2000) {
            alert(i + ":" + sum);
            break;
        }
    }
</script>
</html>

Break语句的嵌套：

<!--1+(1+2)+(1+2+3)+(1+2+3+4)+（1+2+3+4+5）-->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>嵌套循环的break语句</title>
</head>
<body>
<!--1+(1+2)+(1+2+3)+(1+2+3+4)+（1+2+3+4+5）-->
</body>
<script>
    var sum = 0;
    var i = 1;
    while (i <= 5) {
        var j = 1;
        while (j <= i) {
            if (i == 3) {
                break;
            }
            sum += j;
            j++;
        }
        i++;
    }
    alert(sum);
</script>
</html>

Continue语句：

<!--跳过当前循环的剩下部分，执行下一次循环-->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>continue语句</title>
</head>
<body>
<!--跳过当前循环的剩下部分，执行下一次循环-->
</body>
<script>
    var sum = 0;
    for (var i = 1; i <= 100; i++) {
        if (i % 3 == 0) {
            continue;
        }
        sum += i;
    }
    alert(sum);
</script>
</html>

九九乘法表：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>九九乘法表</title>
</head>
<body>

</body>
<script>
    for (var i = 1; i <= 9; i++) {                          //外层循环控制显示的行数
        for (var j = 1; j <= i; j++) {
            var sum = i * j;
            document.write(j + "*" + i + "=" + sum + "  ");
        }
        document.write("<br>");
    }
</script>
</html>

时间： 2024-08-07 08:17:03

JS之语句循环的相关文章

js中的循环语句

js中的循环语句可分为三种:1.while:2.do……while:3.for. while的语法为 while (exp) { //statements;} var a=1,b=0; while(a<=1000){ if(a%2==0){ if(b%20==0) { document.write("<br>第"+parseInt(b/20+1)+"行偶数"); } document.write(a+"&nbsp"

js种的循环语句

1 //js种的循环语句 2 //while与do while的区别是while是满足条件后才执行 3 //do while是不管满不满足条件都会执行一次 4 //for 循环与while,do while相比循环结构更加清晰 5 6 //while 循环 7 var a=0; 8 while(a<=5){ 9 a++; 10 console.log(a);//输出1...6 11 12 } 13 14 //do while 循环 15 var b=0; 16 do{ 17 console.lo

JS、for循环语句知识巩固，while（）{}语句以及do{}while（）语句以及switch（）语句

一.for循环语句练习关于for循环存在的两个问题类型穷举:在不知道什么情况下才真的寻要我们的结果,自能让我们一个个走一遍. 迭代:在现有的条件根据规律不断求解,中间情况,最终推测出来的结果 1.99乘法表 <script>for(var i=1;i<=9;i++){ for(j=1;j<=i;j++) { document.write(j+"*"+i+"="+i*j+" ") } document.write(&q

JavaScript入门：005—JS基本语句

JS的基本语句如下.主要看看循环语句和选择语句.循环语句1.for循环 for(var i=1;i<100;i++){ //代码 } 2.do...while循环 var i = 0; do { i++; //代码 }while(i<100); 3.遍历 var array = new Array(); array[0] = "你懂的"; array[1] = "over"; array[2] = "呵呵"; array[3] = &

JS基础与循环

JS 简介 [JS的三种方式] 1.HTML标签中内嵌JS <button onclick="javascript:alert('白痴')">呵呵呵</button> 2.HTML页面中直接使用JS <script type="text/javascript"> //JS代码 </script> 3.引用外部JS文件 <script language="JavaScript" src=&quo

JS常用语句

JavaScript常用语句1.document.write(""); 输出语句2.JS中的注释为 //3.传统的HTML文档顺序是: document->html->(head,body)4.一个浏览器窗口中的DOM顺序是: window->(navigator,screen,history,location,document)5.得到表单中元素的名称和值: document.getElementByIdx_x("表单中元素的I

Java基本知识(运算符/选择结构语句/循环结构语句/方法/标识符)

Java基本知识(运算符/选择结构语句/循环结构语句/方法/标识符)一.Java标识符给类.接口.方法等命名的字符序列.1.标识符组成(1)英文字母大小写:(2)数字(不能以数字开头):(3)$和_.2.命名规则常量:每个单次字母均大写,若由多个单词组成,则每个单词间用下划线隔开.变量.方法:第一个单词全部小写,若由多个单词组成,则第一个单词全部小写,从第二个单词开始,每个单词首字母大写其他单词首字母小写.包:所有字母都小写,多级包采用域名反写,每级用"."隔开.类.接口:每个单词首字

JS中的循环

1.循环的概念和意义循环语句循环的意义: 计算机是个傻子,没有七情六欲,不会有人类的感性和思考.当你问他爱吃啥,他不知道,当问他喜欢什么颜色,他也不知道.那我们要计算机干啥呢? 从远古时期讲,所谓计算机并没有现在这么牛的功能,游戏电影,都是不可能的.只能干一件事:计算.那么什么是计算呢,为什么不自己计算呢? 所谓计算,就是数据的累加,比如1加到100,这些累加都是重复性的工作,当人处理这些重复性的工作时,速度有限,但是计算机处理起来奇快无比,这就是计算机的价值所在. 发展到今天也是一样,当我

js中for循环使用方法详解

大家好,今天我们来聊聊js中for循环,咱废话不多说直接进入主题: for语句是循环语句的一种用于创建一个循环,这是在开发中最常见的循环: for的语法for(初始值:条件判断:自身的改变){要重复执行的代码}: <script> var a=0;//定义一个变量 //循环6次,每次都执行a+1 for (i=0;i<6;i++){ a=a+1; console.log(a)//拿出a值看下变化过程 } </script> 下面我们来看下a的结果会是什么: 这就是a的变化过程