新人学习笔记之(JavaScript循环)

目录

一、循环

        1.循环的目的

        2.js中的循环

二、for循环

        1.在程序中,一组被重复执行的语句被称之为循环体,能否继续重复执行,取决于循环的终止条件,由循环体及循环的终止条件组成的语句,被称之为循环语句

         2.for循环重复某些相同操作

三、双重 for 循环

        1. 双重 for 循环概述

        2.外层的for控制行数

        3.内层的for控制每行的个数

        4.for循环小结

四、while 循环

        1.while语句可以在条件表达式为真的前提下,循环执行指定的一段代码,知道比倒是不为真时结束循环

        2.执行思路

五、do while 循环

        1.do... while语句其实是while语句的一个变体。该循环会执行一次代码块,然后对条件表达式进行判断,如果条件为真,就会重复执行循环体,否则退出循环体

        2.执行思路

六、continue break

        1.continue关键字

        2.break关键字


一、循环
        1.循环的目的

                (1)在实际问题中,有许多具有规律性的重复操作,因此在程序中要完成这类操作就需要重复执行某些语句

        2.js中的循环

                (1)在JS中,主要有三种类型的循环语句

                        1)for循环

                        2)while循环

                        3)do while 循环

二、for循环
        1.在程序中,一组被重复执行的语句被称之为循环体,能否继续重复执行,取决于循环的终止条件,由循环体及循环的终止条件组成的语句,被称之为循环语句

                (1)语法结构

                        1)for循环主要用于把某些代码循环若干次,通常跟计数有关系,其语法结构如下

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>// 1. for 重复执行某些代码, 通常跟计数有关系// 2. for 语法结构// for (初始化变量; 条件表达式; 操作表达式) {//     循环体// }// 3. 初始化变量 就是用var 声明的一个普通变量 通常用于作为计数器使用// 4. 条件表达式 就是用来决定每一次循环是否继续执行 就是终止的条件// 5. 操作表达式 是每次循环最后执行的代码 经常用于我们计算器变量进行更新(递增或递减)// 6. 代码体验 重复循环100次 hello wordfor (var i = 1; i <= 100; i++) {console.log('hello word');}</script>
</head>
<body></body>
</html>

               (2)断点调试

                        1)断点调试是指自己在程序的某一行设置一个断点,调试时,程序运行到这一行就会停住,然后你可以一步一步往下调试,调试过程中可以看各个变量当前的值,出错的话,调试到出错的代码行即显示错误,停下。

                        2)断点调试可以帮我们观察程序的运行过程

                        3)浏览器中按F12-->sources -->找到需要调试的文件-->在程序的某一行设置断点

                        4)Watch:监视,通过watch可以监视变量的值的变化,非常的常用。

                        5)F11:程序单步执行,让程序一行一行的执行,这个时候,观察watch中变量的值的变化

                        6)代码调试的能力非常重要,只有学会了代码调试,才能学会自己解决bug的能力。初学者不要觉得调试代码麻烦就不去调试知识点花点功夫肯定学的会,但是代码调试这个东西,自己不去练,永远都学不会

         2.for循环重复某些相同操作

                (1)for 循环因为有了计数器的存在,我们可以重复的执行某些操作,比如做一些算数运算

三、双重 for 循环
        1. 双重 for 循环概述

                (1)很多情况下,单层for循环并不能满足我们的需求,比如我们要打印5行5列的图形、打印一个倒角三角形等,此时就可以通过循环嵌套来实现

                (2)循环嵌套是指在一个循环语句中在定义一个循环语句的语法结构,例如在for循环语句中,一颗再嵌套一个for循环,这样的for循环语句我们称之为双重for循环

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>// 1. 双重for循环 语法结构// for (外层的初始化变量; 外层的条件表达式; 外层的操作表达式;) {//     for (里层的初始化变量; 里层的条件表达式; 里层的操作表达式;) {//         // 执行语句;//     }// }// 2. 我们可以把里面的循环看作是外层循环的语句// 3. 外层循环一次,里面的循环执行全部// 4. 代码验证for (var i = 1; i<=3; i++) {console.log('这是外层循环的第'+i+'个');for (var j = 1; j <= 3; j++) {console.log('这是里层循环的第'+j+'次');}}</script>
</head>
<body></body>
</html>
        2.外层的for控制行数
        3.内层的for控制每行的个数
        4.for循环小结

                (1)for循环可以重复执行某些相同代码

                (2)for循环可以重复执行些许不同的代码,因为我们有计数器

                (3)for循环可以重复执行某些操作,比如算数运算符加法操作

                (4)随着需求增加,双重for循环可以做更多、更好看的效果

                (5)双重for循环,外层循环一次,内层for循环全部执行

                (6)for循环是循环条件和数字直接相关的循环

                (7)分析要比写代码更重要

                (8)一些核心算法想不到,但是要学会,分析他执行过程

四、while 循环
        1.while语句可以在条件表达式为真的前提下,循环执行指定的一段代码,知道比倒是不为真时结束循环
        2.执行思路

                (1)先执行条件表达式,如果结果为true,则执行循环体代码;如果结果为false,则退出循环体,执行后面代码

                (2)执行循环体代码

                (3)循环体代码执行完毕后,程序会继续判断执行条件表达式,如果条件仍然是true,则会继续执行循环体,直到循环条件为false时,整个循环过程才会结束

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>// 1. while  循环语法结构 while 当...的时候// while (条件表达式) {//     // 循环体// }// 2. 执行思路 当条件表达式结果为true 则执行循环体 否则 退出循环体// 3. 代码验证var num = 1;while (num <= 100) {console.log('hello word');num++}// 4. 里面应该也有计数器 初始化变量’// 5. 里面应该也有操作表达式 完成计数器的更新 防止死循环</script>
</head><body></body></html>
五、do while 循环
        1.do... while语句其实是while语句的一个变体。该循环会执行一次代码块,然后对条件表达式进行判断,如果条件为真,就会重复执行循环体,否则退出循环体
        2.执行思路

                (1)先执行一次循环代码

                (2)在执行条件表达式,结果为true,则继续执行循环体代码,结果为false则退出循环体,继续执行后面代码

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>// 1. do while 循环语法结构// do {//     // 循环体// } while (条件表达式);// 2. 执行思路 跟 while 不同的地方在于 do while 先执行一次循环体 在判断条件// 如果条件表达式结果为 真,则继续执行循环体 否则退出循环体// 3. 代码验证var i = 1;do {console.log('hello word');i++;} while (i <= 100);</script>
</head><body></body></html>

        3.注意:先再执行循环体,再判断,我们会发现do...while循环语句至少会执行一次循环题代码

六、continue break
        1.continue关键字

                (1)continue关键字用于立即跳出本次循环,继续下一次循环本次循环体中continue之后的代码就会少执行一次

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>// continue  关键字 退出本次(当前次的循环)继续执行剩余次数循环for (var i = 1; i <= 5; i++) {if (i == 3) {continue; // 只要遇见continue就退出本次循环 直接跳转到i++}console.log('现在是hello word的第' + i + '遍');}// 1. 求1~100之间,除了能被7整除之外的整数和var sum = 0;for (var i = 1; i <= 100; i++) {if (i % 7 == 0) {continue;}sum += i;}console.log(sum);</script>
</head><body></body></html>
        2.break关键字

                (1)break 关键字用于立即跳出整个循环(循环结束)

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>// break 退出整个循环for (var i = 1; i <= 5; i++) {if (i == 3) {break;}console.log('输出了' + i + '遍hello word');}</script>
</head><body></body></html>

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

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

相关文章

如果你有电脑,请狠下心来你死磕这6门技能

在这个日新月异、竞争激烈的时代&#xff0c;掌握一门技能已经远远不够。为了在职场中脱颖而出&#xff0c;我们需要不断地学习和提升自己的能力。你的电脑除了用来办公做文档外&#xff0c;还可以用它自学这些技能&#xff0c;让你轻松月入过万&#xff01; 1&#xff1a;编程…

JS基础知识 —— AOP面向切片开发

前言&#xff1a;学习笔记&#xff01; function test1() {console.log("-----------------");console.log(1);console.log("");}function test2() {console.log("-----------------");console.log(2);console.log("");}function test…

C++容器之向量(std::vector)

目录 1 概述2 使用实例3 接口使用3.1 construct3.2 assigns3.3 iterators3.4 capacity3.5 rezize3.6 reserve3.7 shrink_to_fit3.8 access3.9 assign3.10 push_back3.11 pop_back3.12 insert3.13 erase3.14 swap3.15 clear3.16 emplace3.17 emplace_back3.18 get_allocator1 概…

记录一次内存取证

1.情景复现 我姐姐的电脑坏了。我们非常幸运地恢复了这个内存转储。你的工作是从系统中获取她所有的重要文件。根据我们的记忆&#xff0c;我们突然看到一个黑色的窗口弹出&#xff0c;上面有一些正在执行的东西。崩溃发生时&#xff0c;她正试图画一些东西。这就是我们从崩溃…

get_mbutton

get_mbutton (3600, Row, Column, Button) while (Button 1) get_mposition (3600, Row, Column, Button) get_mbutton( : : WindowHandle : Row, Column, Button) 等到按下鼠标按钮并返回点击坐标。 get_mbutton_sub_pix( : : WindowHandle : Row, Column, Butt…

ArrayBuffer内存格式相互转换 ArrayBuffer转化16进制 16进制转字符串 pcm转wav音频

一&#xff1a; pcm转wav音频 针对于音频格式的转换 const encodeWAV (samples, numChannels, sampleRate) > {var buffer new ArrayBuffer(44 samples.byteLength)var view new DataView(buffer)/* RIFF identifier */writeString(view, 0, RIFF)/* RIFF chunk length …

探索数组的最大值与最小值:从基础到进阶

新书上架~&#x1f447;全国包邮奥~ python实用小工具开发教程http://pythontoolsteach.com/3 欢迎关注我&#x1f446;&#xff0c;收藏下次不迷路┗|&#xff40;O′|┛ 嗷~~ 目录 一、引言&#xff1a;数组的奥秘 二、基础操作&#xff1a;查找数组的最大值和最小值 三、…

怎样消除工人们对六西格玛培训的抵触情绪?

近年来&#xff0c;企业为了提高产品质量、优化生产流程&#xff0c;纷纷引入了六西格玛管理方法。然而&#xff0c;在实施过程中&#xff0c;不少企业却遭遇了工人们对六西格玛培训的抵触情绪。这种情绪的存在不仅阻碍了六西格玛的推广和应用&#xff0c;也影响了企业的整体运…

邦芒职场:揭秘影响你职场收入的九大细节

在职场这个大舞台上&#xff0c;微小的细节往往能决定你收入的多少。以下九大细节&#xff0c;是你职场成功的关键&#xff0c;不容忽视。 1. 形象塑造 在这个注重第一印象的时代&#xff0c;良好的形象是你的第一张名片。精致的妆容、得体的着装&#xff0c;不仅能为你加分&a…

packstack一键部署OpenStack云平台

OpenStack一键部署 文章目录 OpenStack一键部署资源列表基础环境一、基础环境配置1.1、配置时间同步1.2、配置网络1.3、添加hosts绑定1.4、更新系统并安装常用软件 二、使用packstack一键部署OpenStack2.1、Train版YUM源安装2.2、Packstack软件包安装2.3、Packstack一键部署Ope…

electron-01 基础及NPM相关配置

electron基础 结构 ChromiumNode.jsNative apis 工作流程 启动APP主进程创建windowWin加载界面操作 主进程 package.json中main属性对应的文件一个应用对应一个主进程只有主进程可以进行GUI的API操作 渲染进程 windows中展示的界面通过渲染进程表现一个应用可以有多个渲…

Unity 生成模版代码

1、创建模版代码文本 using System.Collections; using System.Collections.Generic; using UnityEngine;public class ClassNameScritpItem : MonoBehaviour {public GameObject go;// Start is called before the first frame updatevoid Start(){go new GameObject();}// …

LeetCode115:不同的子序列

题目描述 给你两个字符串 s 和 t &#xff0c;统计并返回在 s 的 子序列 中 t 出现的个数&#xff0c;结果需要对 109 7 取模。 代码 /*dp[i][j]&#xff1a;以i为结尾的s中有以j为尾的t的个数递推公式&#xff1a;当s[i - 1] 与 t[j - 1]相等时&#xff0c;dp[i][j]可以有两…

工业LED显示屏汉字乱码方式的解决

目录 研究背景 解决方法 原因分析 尝试的解决方法 本质原因 写在最后 研究背景 想实现LED显示屏数字、字母、汉字均能正常显示的效果&#xff08;效果如下&#xff09;。在将UTF-8改为GB2312 编码之前&#xff0c;数字和字母不乱&#xff0c;但是汉字会乱码。 解决方法 1…

Rust的高效易用日志库—tklog

很多人习惯于python&#xff0c;go等语言基础工具库的简单易用&#xff1b;在使用rust时&#xff0c;可能感觉比较麻烦&#xff0c;类似日志库这样的基础性工具库。tklog提供用法上&#xff0c;非常类似python等Logger的日志库用法&#xff0c;用法简洁&#xff1b;基于rust的高…

多线程笔记

1. run() VS start() run()方法&#xff1a; run()方法是java.lang.Runnable接口中定义的一个方法。当一个类实现了Runnable接口&#xff0c;并创建了一个线程对象时&#xff0c;你需要覆盖run()方法来定义线程要执行的任务。run()方法定义了线程的主体逻辑&#xff0c;当线程…

【详细介绍下PostgreSQL】

&#x1f308;个人主页: 程序员不想敲代码啊 &#x1f3c6;CSDN优质创作者&#xff0c;CSDN实力新星&#xff0c;CSDN博客专家 &#x1f44d;点赞⭐评论⭐收藏 &#x1f91d;希望本文对您有所裨益&#xff0c;如有不足之处&#xff0c;欢迎在评论区提出指正&#xff0c;让我们共…

Java面试八股之Synchronized锁升级的原理

Synchronized锁升级的原理 Synchronized锁升级是Java为了提高并发性能而引入的一项优化措施&#xff0c;这一机制主要发生在JDK 1.6及之后的版本中。Synchronized锁升级旨在减少锁带来的性能开销&#xff0c;通过从低开销的锁逐步升级到高开销的锁&#xff0c;以适应不同的竞争…

I/O '24|学习资源焕新,技术灵感升级

2024 年 5 月 15 日凌晨举行的 Google I/O 大会为各地的开发者们带来了新的灵感。面对技术革新&#xff0c;相信各位开发者们都迫不及待想要自己上手试一试。 别急&#xff0c;Google 谷歌今年为中国的开发者们准备了一份特别的学习资源&#xff0c;让开发者们自由探索新知。 G…

什么是数字签名,数字签名详解。

数字签名详解 数字签名是一种用于验证数字信息的真实性和完整性的技术&#xff0c;广泛应用于电子商务、软件分发、合同签署等领域。它通过加密技术确保信息在传输过程中未被篡改&#xff0c;并确认发送者的身份。以下是对数字签名的详细介绍。 一、数字签名的基本概念 数字…