我的编程空间,编程开发者的网络收藏夹
学习永远不晚

详解Javascript基础之循环

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

详解Javascript基础之循环

循环

for

循环是任何一门语言都会有个命令,用于反复执行某段代码。

例如,循环代码块5次:


for (let i = 0; i < 5; i++) {
  let text = `当前数字为${i}`
  console.log(text)
}

// 输出结果:
当前数字为0
当前数字为1
当前数字为2
当前数字为3
当前数字为4

此例中,let i = 0是声明循环的计次变量,i < 5是循环终止条件,i++是计次变量更新步长,{}内的所有代码为循环体内代码块。

具体流程是:计次变量进行终止条件判断运算,如果结果为true,则循环体执行,结束后进行步长更新运算,从而得到新的结果再次参与判断;如果结果为false,则立刻终止循环;

所以想要控制循环次数,可以通常改变判断条件实现,如果循环条件永远为true,则就是一个死循环。

for-in

for-in循环是一种特殊循环,可用于循环对象或数组(通常循环数组,使用for-of)


let o = {
  name: 'dapiaoliang',
  age: 18,
  sex: 'woman'
}

// 将对象内的所有键值对循环输出, 此时可以使用for-in
for (let key in o) {
  let text = `当前属性名:${key}, 值:${o[key]}`
}

// 结果(这种循环输出顺序可能会不一样,但数量不变)
当前属性名:name, 值:dapiaoliang
当前属性名:age, 值:18
当前属性名:sex, 值:woman

由此可见,for-in 用于循环对象内所有的键值对,具体输出顺序可能会发生变化,但是每个键值对都会被循环一次。

for-of

for-of时一种专门用于循环数组或类似数组结构(Iterator接口)的循环命令


let arr = ["dapiaoliang", 18, 'woman']

for (let value of arr) {
  let text = `当前值是:${value}`
  console.log(text)
}

// 结果
当前值是:dapiaoliang
当前值是:18
当前值是:woman

类似for-in,可直接循环数组的每一项数据

while

while是for的一个变种。(不常用)


while (条件) {
	循环体
}

当条件为true,循环体就会执行,这种循环没有计次变量,不需要更新步长。所以条件通常需要是一个可变参数,如果不是可变参数,就需要在循环体内,有明确的终止条件

do-while

do-while是一种特殊的while循环(不常用)


do {
  循环体
}while(条件)

当前数字为0
当前数字为1
当前数字为2
当前数字为4

看起来是将while的条件和循环体交换了位置,所以这种循环体,在第一次时,是不需要进行判断条件就会执行,执行结束后,再进行判断,判断结果决定下一次是否会循环

所以,do-while的条件是决定下一次是否循环,而第一次永远都会执行,所以可以理解为至少执行一次的while循环

跳出循环

如果在循环体内由于某些原因,需要在代码块内跳出循环,可以使用对应的关键字。

break用于永久终止此循环,continue用于终止当前这次循环(立刻进入下一次)

例如,跳过i = 3时情况


for (let i = 0; i < 5; i++) {
  if (i === 3) {
    continue
  }
  let text = `当前数字为${i}`
  console.log(text)
}

上述例子,在i=3时,循环体内判断为真,执行continue,那么此次后续两行代码不会执行,会立刻进入下一次循环。


for (let i = 0; i < 5; i++) {
  if (i === 3) {
    break
  }
  let text = `当前数字为${i}`
  console.log(text)
}

当前数字为0
当前数字为1
当前数字为2

此时判断内是break,那么当i=3时,执行了break,那么后续所有次数的循环都不会执行。break会把整个循环全部关闭。

总结

本篇文章就到这里了,希望能够给你带来帮助,也希望您能够多多关注编程网的更多内容!

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

详解Javascript基础之循环

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

Java 基础 之 while 循环

转载于 : http://www.verejava.com/?id=16992618818220 public class Test1 {pub
2023-06-02

Java 基础 之 do while 循环

转载于 : http://www.verejava.com/?id=16992623980921 import java.util.S
2023-06-02

Javascript基础循环怎么使用

这篇文章主要讲解了“Javascript基础循环怎么使用”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“Javascript基础循环怎么使用”吧!循环for循环是任何一门语言都会有个命令,用于
2023-06-22

Python基础教程之while循环用法讲解

Python中除了for循环之外还有一个while循环,下面这篇文章主要给大家介绍了关于Python基础教程之while循环用法讲解的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
2022-12-22

三、python基础之条件和循环

目录一.if语句1.1 功能1.2 语法1.2.1:单分支,单重条件判断1.2.2:单分支,多重条件判断1.2.3:if+else1.2.4:多分支if+elif+else1.2.5:if语句小结1.3 案例1.4 三元表达式二.while
2023-01-31

Java基础入门篇之For循环

本文介绍了for循环语句、for循环嵌套语句、foreach循环。详细讲解了for循环语句通过这个语法语句和求1-10整数和的值的小案例来帮助大家理解这个for循环。
for循环语句2024-12-02

详解JavaScript事件循环

JavaScript事件循环是一种机制,用于处理异步事件和回调函数。它是JavaScript运行时环境的一部分,负责管理事件队列和调用栈。文章中有详细的代码示例,需要的朋友可以参考一下
2023-05-16

编程热搜

目录