【零基础JavaScript教程】#8 JavaScript 循环 (轻松使用JavaScript for 循环语句重复执行代码) | Intro to JavaScript For Loop

https://youtu.be/jEkt_SdLt3w

今天要和同学们分享一个在编程里的概念，那就是循环 Loop。循环，顾名思义，就是重复执行一些操作。这些操作可能是给100名用户发送紧急通知，又或者在网页里输出30款最火爆的商品。这些重复性很高的操作，都会使用循环去执行。在JavaScript里，我们可以用两种语句去表示，第一种是for语句，第二种是while语句，今天的视频我们只专注for语句，while语句我会留到下一个视频再解释，如果不想错过，记得要订阅关注频道。马上点击视频观看怎么运用JavaScript for循环提高效率！ ☕ ☕ ☕ 给我买杯咖啡提提神吧！ ✅ https://bit.ly/3kCOpFK ✅ (免费) JavaScript教程系列： https://bit.ly/310cHle ✅ 更多精彩的JavaScript入门课程： http://bit.ly/js-for-beginners ✅ JavaScript相关书籍： 1：The Definitive Guide: Master the World's Most-Used Programming Language - 7th Edition (强烈推荐👍) https://amzn.to/31s30uH ✅（通告）”Codetisan 自学编程社区“ 已经正式开通啦，三人行必有我师，同学们再也不用独自一人闷头自学编程了，快去社区里和其他小伙伴们互动吧！ ▶︎ https://bit.ly/2AHylzN 🔆订阅我的YouTube频道，让你从一个0基础编程的菜鸟快速成为编程大师！🔆 http://bit.ly/2TBkXo1 ▶︎ 文轩解码更精彩的平台 ◀︎ ‣‣ Blogger ：https://bit.ly/2yMz0PC ‣‣ Twitter: https://bit.ly/2R74FS1 ‣‣ Facebook: https://bit.ly/35crcmz ‣‣ Instagram: https://bit.ly/2KH6Wjw ‣‣ Github: https://bit.ly/2SHtsx4 #javascript循环for语句 #编程入门 #javascript入门

文字内容：

Hi, 大家好，我是文轩 欢迎再次收看文轩解码 如果你想和其他同学 一起学习和讨论JavaScript编程 可以扫描这个二维码 去到自学编程社区里和其他同学一起互动 今天要和同学们分享一个在编程里的概念 那就是循环 Loop 循环 顾名思义 就是重复执行一些操作 这些操作可能是给100名用户发送紧急通知 又或者在网页里输出30款最火爆的商品 这些重复性很高的操作 都会使用循环去执行 在JavaScript里 我们可以用两种语句去表示 第一种是for语句 第二种是while语句 今天的视频我们只专注for语句 while语句我会留到下一个视频再做解释 如果不想错过的话 记得要订阅关注频道 好的 那现在我们来看看for语句的语法 这是一个最基本的for循环语句 它是由一个for关键字 小括号 和大括号组成 小括号这里有三个部分 这三个部分是用两个分号隔开 第一部分是用来初始化变量 (initialize variable) 第二部分是用来判断for循环 是否能执行下一轮的循环  如果条件被满足 循环就会运行大括号里的循环体代码 如果条件没被满足 循环就会被终止 第三部分是变量的递增或者递减 好的 现在切换到VS Code里给同学们演示一下for loop 我们把刚才的示例套用到for循环里 假设我们要给5个用户发送通知 我们可以这样表示 先插入一个for语句 在初始化的部分 我们需要声明一个变量 然后把1赋予该变量 变量初始化的部分 在循环开始前执行一次 接下来的循环就不执行了 在条件判断的部分 我们输入 i <= 5 这个操作是要让这个for loop循环5次 只要i的值小于等于5 这个for loop就会一直循环 在递增的部分 我们输入i++ 这个操作是要让for loop 在完成一次循环后 递增i变量 循环一开始i值是等于1 在完成了第一个循环之后 i的值递增一次 变成了2 每循环一次 就递增一次 直到循环被终止 要注意i++后面是没有分号的 三个部分只用两个分号隔开 我们接下来用console.log 模拟发送紧急通告 顺便也把i的变量打印出来 好让等一下我们验证这个循环的运行流程 好的 我们保存刷新执行这个for loop 嗯 这个for loop一共循环迭代了5次 从用户1一直发送到至用户5 我们来深入分析一下 究竟这个for loop是怎么被执行的 首先 for loop会执行这个变量初始化的部分 这个部分会在循环开始前执行一次 接下来的循环迭代就不执行了 现在我们进入第一个循环 i的值是1 因为我们在初始化的部分把1赋予i 所以i的值是1 接着循环判断i是否小于等于5?  1是小于等于5 告诉循环可以执行循环体里的代码 最终打印“用户1: 这是紧急通告” 执行完代码 接下来就会执行递增的部分i++ 这时候 i的值从1变成2 递增完后 for loop就会进入第2个循环 现在i的值是2 i 小于等于5 吗？ 答案是true 2是小于等于5 条件被满足了 接下来就执行循环体里的代码 继续输出“用户2: 这是紧急通告” 程序下一步执行i++ 把i从2变成3 我们现在快进到第5个循环 现在i的值是5 i 小于等于5 吗 答案是true 5是小于等于5 条件判断为true for loop接下来执行循环体里的代码 输出“用户5: 这是紧急通告” 然后再i++ 递增后i的值从5变成了6 for loop现在进入第6个循环 i的值是6 6小于等于5吗？ 6小于等于5是错的 所以条件判断会返回false 一旦for loop发现条件判断为false for loop就会停止当前的循环 这里的代码就不会被执行了 for loop终止循环的原因 是因为条件判断为false 但是我们可以用两个语句 去强行终止或者跳过循环 我们可以用break 和continue去实现 break和continue是有区别的 break是用来强行终止整个for loop continue则是用来跳过剩下的代码 强行进入下一个循环 我给你们演示break和continue的区别 我来先演示break 假设我们的for loop会循环5次 当循环到第3次的时候 我们强行让for loop终止 先声明for loop let j = 1 j <= 5 j++ 在大括号这里我们使用console.log输出j的值 然后接下来再插入一个if语句 这里我们要判断 当j等于3的时候 我们用break强行终止这个for loop 按照这个示例 console只会输出1，2，3 我们保存刷新验证一下 嗯，console这里只打印1，2，3而已 break语句确实能用来强行终止for loop的运行 接下来我给你们演示一下continue要怎么用 假设我们有一个能循环5次的for loop 我们要让这个for loop跳过2和3 只打印1, 4, 5 我们可以这样表示 先插入一个能循环5次的for loop 然后在大括号里再插入一个if语句 在这里我们要判断k值 是否等于2或者3 如果k等于2或者3的话 就插入continue语句来跳过下面所有的代码 进入下一个循环 我们在if语句下面再插入console log 用来打印当前的k值 如果k值不等于2或者3 我们就让console输出当前的k值 console最终会打印出1，4，5 我们保存刷新验证一下 嗯，是的 console只打印1，4，5 2和3被忽略掉了 一旦for loop里的continue值被执行了 接下来所有的代码会直接被忽略掉 直接进入下一个循环 好的，我们来总结一下今天的分享 for loop语句是由for关键字 小括号 和大括号循环体组成 小括号里有三个语句 由两个分号分开 第一个语句是用来初始化变量 第二个语句是用来判断 变量是否满足条件判断 如果条件被满足了 就会执行循环体里的代码 否则for loop就会被终止 第三个语句是用来递增或递减变量 break语句可以用来强行终止for loop循环 continue语句则用来跳过当前的循环 直接进入下一个循环 好的，今天的分享就到这里 有疑问的话欢迎去到自学编程社区里提问 喜欢这个视频就帮忙点赞分享吧 我们下期见，拜拜！