js中的循环

程序员文章站 2022-06-24 09:06:23

一、for循环 1.单个for循环： for(初始值；条件；增量){ 语句 } 初始值：无条件的执行第一个表达式条件：是判断是否能执行循环体的条件增量：做增量的操作 //循环输出1~100之间数字的和 var sum=0; for(var i=1;i<=100;i++){ sum= sum+i; ......

一、for循环

　　1.单个for循环：

for(初始值；条件；增量){
语句
}

初始值：无条件的执行第一个表达式
条件：是判断是否能执行循环体的条件

增量：做增量的操作

//循环输出1~100之间数字的和
var sum=0;
for(var i=1;i<=100;i++){
    sum= sum+i;        
}
document.write(sum);//5050

//求1~100之间奇数的和
var sum = 0;
for (var i=1; i<=100; i++) {
    if(i%2 == 1){
       sum += i;
    }
}
console.log("1~100之间奇数的和为" + sum +"。");

　　2.for循环嵌套：（外层循环一次，内层循环一轮）

　　for(初始值；条件；增量){
　　　　for(初始值；条件；增量){
　　　　　　...语句或继续嵌套
　　　　}
　　 }

//输出一个3行30列的表格；表格内容1~30；
<table border='1' cellpadding="0" bgcolor="aqua" width='80%'>
            <script>
                for(var i=1;i<=3;i++){
                    document.write('<tr>');//行
                        for(var j=1;j<=30;j++){
                            document.write('<td>'+j+'</td>');//列
                        }
                    document.write('</tr>');
                }
            </script>
 </table>

//输出99乘法表

document.write('<table style="width: 80%; border: 1px solid #000;">')            
    for(var i=1; i<=9; i++){
        document.write("<tr>")
        for(var j=1; j<=i+1; j++) {
            document.write("<td>" + i +" x " + j + " = " + i*j + "</td>")
        }
        document.write("</tr>")
    }
document.write('</table>');

//输出倒置99乘法表
document.write('<table style="width: 80%; border: 1px solid #000;">')            
    for(var i=9; i>0; i--){
        document.write("<tr>")
        for(var j=1; j<=i; j++) {
            document.write("<td>" + i +" x " + j + " = " + i*j + "</td>")
        }
        document.write("</tr>")
    }
document.write('</table>');

//百钱买百

打赏

微信扫一扫

21个React开发神器

摘要： React开发神器。原文： "22 Miraculous Tools for React Developers in 2019" 译者：前... [阅读全文]
重读《学习JavaScript数据结构与算法-第三版》-第2章 ECMAScript与TypeScript概述

读《学习JavaScript数据结构与算法》- 第3章数组，本节将为各位小伙伴分享数组的相关知识：概念、创建方式、常见方法以及ES6数组的新功能。... [阅读全文]
背景线条实现

1 !function(){ 2 3 function n(n,e,t){ 4 5 return n.getAttribute(e)||t 6 7 ... [阅读全文]
jsTree树插件

前言关于树的数据展示，前后用过两个插件，一是zTree，二是jsTree，无论是提供的例子（可下载），还是提供的API在查找时的便捷程度，zTre... [阅读全文]
Oracle：Redhat 7.4+Oracle Rac 11.2.0.4 执行root.sh报错处理

一、报错信息二、原因分析因为RHEL 7使用systemd而不是initd运行进程和重启进程，而root.sh通过传统的initd运行ohasd... [阅读全文]