【零基础JavaScript教程】#9 JavaScript while 循环 (轻松掌握while loop循环语句迭代) | Intro to JavaScript While Loop
今天我们接着讨论JavaScript循环，之前我们深入探讨了for loop，今天就来给大家分享另外一个可以用来执行循环的语句 while loop。while loop 和 for loop 的功能大差不差，我会在视频的最后和同学们分析这两者真真的差别，什么时候用for循环，什么时候用while循环。马上点击视频观看吧！
☕ ☕ ☕ 如果觉得这些教学对你有用，那就请我喝杯咖啡吧！ 我会继续为你创作更多免费的编程教学视频，让你轻松入门编程。 ✅ 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循环while语句 #while-loop #编程入门 #javascript入门
文字版本：
Hi, 大家好，我是文轩
欢迎再次收看文轩解码
如果你想和其他同学一起学习和讨论JavaScript编程
可以扫描这个二维码
去到自学编程社区里和其他同学一起互动
今天我们接着讨论JavaScript循环
之前我们深入探讨了for loop
今天就来给大家分享另外一个可以用来执行循环的语句
while loop
while loop 和 for loop 的功能大差不差
我会在视频的最后和同学们分析这两者真真的差别
什么时候用for loop
什么时候用while loop
我们先来看看while语句
while语句是由while关键字
小括号和大括号组成
小括号里需要植入条件判断语句
一旦条件判断为true
大括号里的循环体就会执行
一个完整的while循环
还需要变量初始化语句和变量迭代语句
没有这两个语句
while循环是运行不了的
如果你还没看for loop的教学
可能对这些语句会觉得混淆
但是没关系
现在我切换到VS Code给你们演示一下
假设现在我们要打印一组数字，从1至5
我们可以用while loop实现
先声明一个变量i, 然后把1赋予i
这个变量声明就是刚才我们说的初始化语句
因为我们要从1开始打印
所以就给i值赋予1
在完成初始化语句后
接下来就要插入while语句
我们在小括号这里输入需要判断的条件
我们是要让这个循环输出1，2，3，4，5
所以在条件判断的语句里
我们要确认i值是小于等于5的
只要i值小于等于5，循环就会不停的迭代
如果这里的条件被满足了
while 循环就会进入循环体执行这里的代码
我们在循环体输入console.log(i)
每循环一次，就输出一次i值
接下来
我们要插入迭代变量的语句，i++
如果不插入i++, i值就一直保持1
条件判断一直为true
那样这个循环就会无限循环下去
最终造成系统崩溃
所以当我们使用while循环的时候需要特别谨慎
这就是一个完整可被执行的while loop
同样的while loop我们也能用for loop取代
像这样
现在我们保存刷新
看看输出的结果是不是1，2，3，4，5
这两个代码执行后的结果是一样的
都是输出1， 2，3，4，5
嗯，是的，console这里输出1，2，3，4，5
那问题来了，我们什么时候需要用for
什么时候需要用while呢?
我教你们一个能判断for或者while的使用场景
假设要处理的数据是能提前知道它们的数量
像给一百名客户发送邮件
又或者显示用户最近30天内的消费记录
这些数据我们都可以使用for loop去循环处理
当然，你也能用while loop去处理
但是，类似这样的数据
我还是建议同学们使用for loop
比起while loop，for loop会更直观
更简单易懂
至于while loop在什么场景使用更合适呢？
我打个比方
假设有一个JavaScript程序
它主要的功能是计算用户输入的数字的总和
程序一开始
它会显示输入框, 让用户输入数字
程序在用户输入完第一个数字后再显示输入框
继续让用户输入第二个数字
程序在用户输入q字母的时候才会停止显示输入框
并输出用户输入值的总和
在这种场景
程序是不可能预测用户要输入几个数字的
可能两个，也有可能是十个
所以只能使用while loop一直不断的显示输入框
直到用户输入q字母
while loop才被终止
我给你们演示一下这个示例
先声明一个变量用来保存总和的数据
它的默认值是零
接下来，在声明一个变量input
我们用prompt命令弹出输入框让用户输入数字
然后把这个命令返回的值赋予input的变量
接下来我们插入while语句
在条件判断这里我们要判断用户是否输入q字母
如果不是q字母的话
我们就计算用户输入值的总和
total += parseInt(input)
prompt命令返回值是字符串
要计算总和就必须先把输入值从字符串转换成数值
字符串转数值我们可以使用parseInt
计算完毕后
我们再插入prompt命令
再次显示输入框让用户输入数字
然后把输入的数字赋予input
只要用户输入的不是q字母
这个while loop就会一直循环下去
一旦用户输入q字母
while loop就会被终止
然后打印total值
这里我们插入console.log输出total值
我们保存刷新页面
看看这个程序能不能帮我们计算输入值的总和
那现在我输入3个数字
1，2，3
最后输入q字母退出
1，2，3的总和是6
对的，这里打印的total值是6
while loop还有另一种表达方式
那就是do while loop
do while loop的语句
和while loop有点不一样
do while loop的语句是这样表示的
do while loop 和 while loop
最大的区别就是do while loop一开始
就先执行循环体里的代码
执行完代码之后才判断条件有没有被满足
while loop则是先判断条件有没有被满足
然后才执行循环体里的代码
好的，我们来总结一下今天的分享
while loop比起for loop会更灵活一点
while loop是不需要提前知道循环的次数
for loop则需要在循环前明确告知循环的次数
使用while loop需要
加倍防范while loop无限循环造成系统崩溃
要注意while loop终止的条件一定要能实现
do while loop会先执行循环体里的代码
然后才判断条件语句有没有被满足
while loop则是先判断条件是否被满足
然后才执行代码
好的，今天的分享就到这里
有疑问的话欢迎去到自学编程社区里提问
喜欢这个视频就帮忙点赞分享吧
我们下期见，拜拜！
Comments
Post a Comment