JavaScript-循环嵌套断点调试-笔记

1.do...while循环

do while语法结构:
        循环初始值;
        do{
             //代码;
              增量;
         }while(循环条件);
   

  <script>


        // 输出十句 : 你好世界
        var a = 1;
        do{
             console.log('你好世界');
             a++;
        }while(a<=10);

</script>

<script>


           // 输出 1-20之间能被7整除的数
           var b = 1;
           do{
           if( b%7==0){
                 console.log(b);
           }
           b++;
           }while(b<=20);

</script>

2.for循环
     for(表达式1;表达式2;表达式3){
                   表达式4;
     }
表达式1——循环初始值 表达式2——循环条件 表达式3——增量

执行过程:
1、先执行表达式1
2、判断表达式1是否满足表达式2: 满足就执行表达式4 否则停止循环
3、执行表达式3
4、继续判断是否满足表达式2


<script>
           // 循环输出十句 : 你好世界
           for(var i=1;i<=10;i++){
                 console.log('你好世界');
           }
</script>

3.for循环案例
           // 1、循环输出1-20之间能被3整除的数
           for(var i=1;i<=20;i++){
                 if( i%3==0 ){
                    console.log(i);
                 }
            }
          // 2、循环输出1-5之间的所有数,在一行显示
          var str = ' ';
          for(var i=1;i<=5;i++){
               str = str+i+' '; // 字符串拼接
           }
          console.log(str);
         // 3、计算1-10之间数字的和
         var sum = 0;
         for(var i=1;i<=10;i++){
                sum += i;
         }
         console.log(sum);
         // 4、计算1-10之间偶数的和
         var a = 0;
         for(var i=1;i<=10;i++){
            if(i%2==0){
                a += i; // 求和
             }
          }
          console.log(a);
        // 5、统计1-20之间能被7整除的数 的个数
        var count = 0;
        for(var i=1;i<=20;i++){
             if( i%7==0 ){
                  count++; // 个数加加
             }
         }
         console.log(count);

4.循环的嵌套

重复的操作使用循环


***
***
***
循环的嵌套: 外层循环表示行 内层循环表示列
var str = ' ';
for(var i=1;i<=3;i++){  // 外层循环表示行
    for(var j=1;j<=3;j++){   // 内层循环表示列
          str = str+'*'; // 重复输出*  所以拼接*
    }
    // 在外层循环进行换行
    str = str+'\n';
}
console.log(str);

*
**
***
var str = ' ';
for(var i=1;i<=3;i++){
    // 发现: 列小于等于行数 行i 列j j<=i
    for(var j=1;j<=i;j++){
          str = str+'*';
    }
    str=str+'\n';
}
console.log(str);

5.控制台输出九九乘法表
// 输出九九乘法表
var str = ' ';
for(var i=1;i<=9;i++){ // 外层表示行 1-9行
   for(var j=1;j<=i;j++){ // 内层表示列 列小于等于行 j<=i
        str = str + `${j}*${i}=${i*j} \t`; // 拼接上公式 拼接上空格 \t是四个空格
   }
   str = str+'\n'; // 换行
}
console.log(str);

6.break和continue
break 和 continue: 用于循环中
break: 结束循环
continue:  跳过本次循环,继续执行下一轮


// 5个包子: 吃到3个的时候,发现有虫 —— 不再吃包子 break
for(var i=1;i<=5;i++){
    if(i==3){
      break;
}
console.log(`吃第${i}包子`);
}


// 5个包子: 吃到3个的时候,发现有虫 —— 不再吃这个包子,继续吃剩下的 continue
for (var i = 1; i <= 5; i++) {
    if (i == 3) {
      continue;
}
console.log(`吃第${i}包子`);
}

7.死循环
// 死循环: 条件永远成立 while(true){}
// 注意:死循环一定要写一个可以结束的条件,否则程序会一直执行
// 编写程序: 用户可以无限次输入用户名,每输入一个名字就在弹窗输出 欢迎XXX
// 直到用户输入 Q的时候 停止程序
while(true){
    var uname = prompt('请输入用户名:');
    // 如果用户输入的数据 == 'Q' 退出程序
    if( uname== 'Q'){
         break;
    }
    alert(`欢迎${uname}`);
}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/625489.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

数据可视化大屏自适应,保持比例不变形,满足不同分辨率的需求——利用transform的scale属性缩放,缩放整个页面。

文章目录 一、需求背景&#xff1a;二、需求分析&#xff1a;三、选择方案&#xff1a;四、实现代码&#xff1a;五、效果预览&#xff1a;六、封装组件&#xff1a; 一、需求背景&#xff1a; 数据可视化大屏是一种将数据、信息和可视化效果集中展示在一块或多块大屏幕上的技…

flink 1.18 sql demo

flink 1.18 sql demo 更换flink-table-planner 为 flink-table-planner-loader pom.xml <dependencies><!-- https://mvnrepository.com/artifact/org.apache.flink/flink-table-api-java-uber --><dependency><groupId>org.apache.flink</groupId…

2020年财政收支

偶感兴趣&#xff0c;花了点时间整理 有兴趣的可以参照下面的链接整理完整2022年的数据&#xff0c;2023年的数据还有12月份的数据未出&#xff0c;估计在这几天出。 附 2022年的财政收支情况 2022年基金支出预算表 2020年的社保收入是7.6万亿。 上图个税金额写错了&#xff0c…

信息安全应急演练方案-模板

文章目录 信息安全应急演练方案一、应急演练总体目标二、安全应急演练的具体目标为&#xff1a;三、应急演练计划安排&#xff1a;3.1 黑客攻击服务器应急演练时间安排&#xff1a;演练地点&#xff1a;演练步骤&#xff1a; 3.2 大规模病毒&#xff08;含恶意软件&#xff09;…

Mindspore 公开课 - CodeGeeX

CodeGeeX: 多语言代码生成模型 CodeGeeX 是一个具有130亿参数的多编程语言代码生成预训练模型。CodeGeeX采用华为MindSpore框架实现&#xff0c;在鹏城实验室“鹏城云脑II”中的192个节点&#xff08;共1536个国产昇腾910 AI处理器&#xff09;上训练而成。截至2022年6月22日&…

数据库结构文档生成方法二(EZDML)

EZDML 下载链接&#xff1a;EZDML - 下载 我们常用的是数据建模有PowerDesigner,EZDML也是一款数据建模工具&#xff0c;而且功能很多&#xff0c;除了生成sql&#xff0c;还可以生成前端后端代码等等。 我们直接下载最新版后点击安装&#xff0c;打开后会默认打开示例&#…

基于springboot数码论坛系统源码和论文

网络的广泛应用给生活带来了十分的便利。所以把数码论坛与现在网络相结合&#xff0c;利用java技术建设数码论坛系统&#xff0c;实现数码论坛的信息化。则对于进一步提高数码论坛发展&#xff0c;丰富数码论坛经验能起到不少的促进作用。 数码论坛系统能够通过互联网得到广泛…

window系统安装MySQL -- MySQL(1)

第一步&#xff1a; 下载mysql安装包 1&#xff09;打开MySQL官方链接&#xff1a;https://www.mysql.com 2&#xff09;选择 DOWNLOADS 3&#xff09;往下滑&#xff0c;点击社区版本下载 4&#xff09;点击 MySQL installer for Windows 5&#xff09;点击安装 第二步&#…

2024年腾讯云服务器购买价格,真便宜

腾讯云服务器租用价格表&#xff1a;轻量应用服务器2核2G3M价格62元一年、2核2G4M价格118元一年&#xff0c;540元三年、2核4G5M带宽218元一年&#xff0c;2核4G5M带宽756元三年、轻量4核8G12M服务器446元一年、646元15个月&#xff0c;云服务器CVM S5实例2核2G配置280.8元一年…

细说JavaScript对象(JavaScript对象详解)

在JavaScript中对象作为数据类型之一&#xff0c;它的数据结构区别于其余5中数据类型&#xff0c;从数据结构角度看对象就是数据值的几个&#xff0c;其书就结构就是若干组名值对&#xff0c;类似于其他语言中的哈希、散列 关联数组等&#xff0c;但对象在JavaScript中不仅仅扮…

如何通过pytest+requests+allure自动化测试接入Jenkins?测开必备

最近在这整理知识&#xff0c;发现在pytest的知识文档缺少系统性&#xff0c;这里整理一下&#xff0c;方便后续回忆。 在python中&#xff0c;大家比较熟悉的两个框架是unittest和pytest&#xff1a; Unittest是Python标准库中自带的单元测试框架&#xff0c;Unittest有时候也…

2024腾讯云服务器购买指南一步步全流程攻略(超详细)

腾讯云服务器购买流程很简单&#xff0c;有两种购买方式&#xff0c;直接在官方活动上购买比较划算&#xff0c;在云服务器CVM或轻量应用服务器页面自定义购买价格比较贵&#xff0c;但是自定义购买云服务器CPU内存带宽配置选择范围广&#xff0c;活动上购买只能选择固定的活动…

flutter base64图片保存到相册

首先base64转成uint8List&#xff0c;然后再用插件保存到相册&#xff08;没有内置的方法处理&#xff09; 保存图片的插件 photo_manager: ^2.6.0完整代码如下 //保存图片savePhotoJs(String base64String) async {Uint8List bytes UriData.parse(base64String).contentAsB…

音视频中的DTS和PTS区别

一、什么是PTS、DTS 1.PTS:即显示时间戳&#xff0c;用来告诉播放器在什么时候显示这一帧数据 2.DTS:即解码时间戳&#xff0c;用来告诉播放器在什么时间来解码这一帧的数据 3.GOP&#xff1a;MPEG使用的一种视频压缩技术 总的来说PTS和DTS用于指导播放器端的行为 二&…

导图解房(04)验房流程总结

本章主要是对模型 流程的使用&#xff0c;雷老板也说过&#xff1a;99%的问题实际上都有明确的解决方案和流程&#xff0c;只要问一问就好了&#xff0c;验房这件事而也是如此。 1 验三书一表一证 验房第一步并不是直接看房&#xff0c;而是看三书一表一证&#xff0c;先确保…

基于SPI的插件式开发实现方案之@AutoService+ServiceLoader介绍及Dolphinscheduler中的实际应用

1.插件化开发概述 插件化开发模式正在很多编程语言或技术框架中得以广泛的应用实践&#xff0c;比如大家熟悉的jenkins&#xff0c;docker可视化管理平台rancher&#xff0c;以及日常编码使用的编辑器idea&#xff0c;vscode等。 实现服务模块之间解耦的方式有很多&#xff0…

PHP中excel带图片数据导入

前提&#xff1a;有个需求需要实现带图片的excel数据导入数据库中&#xff0c;发现PHPExcel - Excel 操作库已经停止维护&#xff0c;在PHP8的版本中&#xff0c;有些语法不支持&#xff0c;报错一堆&#xff0c;改了一堆&#xff0c;又还有一堆。所以决定找个替代的扩展&#…

【wow-ts】前端学习笔记Typescript基础语法(一)

项目地址是https://github.com/datawhalechina/wow-ts。 我选择的是ts前端课程 Typescript笔记 TypeScript 入门介绍基础数据类型TypeScript 基础数据结构TypeScript 变量声明变量作用域 TypeScript 入门介绍 第一次接触ts&#xff0c;先去了解了下ts的内容&#xff0c;复制内…

22.实战演练--记住密码和登录状态

在登录注册案例的基础上&#xff0c;实现一个相对完整的登录注册模块 (1).记住密码 (2).记住登录状态&#xff08;自动登录&#xff09; (3).注册成功&#xff0c;登录成功&#xff0c;退出登录时的页面跳转

Java基础面试题(一)

Java 语言有哪些特点? 简单易学&#xff1b;面向对象&#xff08;封装&#xff0c;继承&#xff0c;多态&#xff09;&#xff1b;平台无关性&#xff08; Java 虚拟机实现平台无关性&#xff09;&#xff1b;支持多线程&#xff08; C 语言没有内置的多线程机制&#xff0c;…