专栏首页Nian糕的私人厨房JavaScript 分支/循环语句

JavaScript 分支/循环语句

Unsplash

1. 分支语句

if 语句,只有当指定条件为 true 时,使用该语句来执行代码

if (条件) {
  只有当条件为 true 时执行的代码
}

运行结果

if...else 语句,在条件为 true 时执行代码,在条件为 false 时执行其他代码

if (条件) {
  当条件为 true 时执行的代码
} else {
  当条件不为 true 时执行的代码
}

运行结果

这里也可以使用三目运算符替换

运行结果

if...else if....else 语句,使用该语句来选择多个代码块之一来执行

if (条件 1) {
  当条件 1 为 true 时执行的代码
} else if (条件 2) {
  当条件 2 为 true 时执行的代码
} else {
  当条件 1 和 条件 2 都不为 true 时执行的代码
}

运行结果

switch 语句,使用该语句来选择多个代码块之一来执行

switch(n) {
  case 1:
  执行代码块 1;
  break;
case 2:
  执行代码块 2;
  break;
default:
  n 与 case 1 和 case 2 不同时执行的代码
}

运行结果

注释:① switch 语句中的 break 表示结束当前的情况,如果当前 case 中没有 break,会跳入下一个 case 继续执行,直到找到 break 退出;② 根据对应条件可以执行 case,条件以外的判断会进入 default 执行;③ 在 JS 中,switch 和 case 的值可以是常量 / 变量 / 表达式

2. 循环语句

循环语句,满足条件下重复执行语句的结构

for 循环,循环代码块一定的次数

for (语句 1; 语句 2; 语句 3) {
  被执行的代码块
}

使用 for 循环求 1-100 的和

运行结果

循环控制,break 语句和 continue 语句用于在循环中精确的控制代码的执行

break 语句会立即退出本层循环,循环终止 continue 语句会立即跳过本次循环,循环继续

运行结果 1

运行结果 2

while 循环,当指定的条件为 true 时循环指定的代码块

while (条件) {
  需要执行的代码
}

运行结果

do...while 循环,同样当指定的条件为 true 时循环指定的代码块

运行结果

循环本质没有区别,不同形式之间可以相互转化,不同形式的循环是为了适应不同的操作情景,已知循环次数的循环一般使用 for 循环,位置循环次数的循环一般使用 while 循环,do...while 循环使用较少

循环中可以嵌套循环,一般用于行列内容操作 / 排序操作等

金字塔

var n = window.prompt("请输入行数");
for(i = 1;i <= n;i++) {
  for(j = 1;j <= n - i;j++) {
    document.write(" ");
  }
  for(k = 1;k <= 2 * i - 1;k++) {
    document.write("*")
  }
  document.write("<br>")
}

运行结果 1

运行结果 2

3. window.prompt

window.prompt,显示一个对话框,对话框中包含一条文字信息,用来提示用户输入文字

result = window.prompt(text, value);

result 用来存储用户输入的文字 text 用来提示用户输入的文字,如果没有任何提示内容,该参数可以省略不写 value 文本输入框中的默认值,该参数也可以省略不写,不过在 IE 7/8 中,省略该参数会导致输入框中显示默认值 undefined

运行结果 1

运行结果 2

打开空的提示窗口

var sign = window.prompt();

运行结果

打开显示提示文本为"你四不四撒?"的提示窗口

var sign = window.prompt("你四不四撒?");

运行结果

打开显示提示文本为"你四不四撒?"并且输入框默认值为"对呀"的提示窗口

var sign = window.prompt('你四不四撒?','对呀!'); 

运行结果

End of File

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Gulp 前端自动化构建工具

    Gulp 是基于 NodeJS 的前端自动化构建工具,在项目开发过程中自动化地完成 html / css / js / image / sass / less ...

    Nian糕
  • TypeScript 的高级特性

    在 ES5 中是没有 类(Class) 的概念的,我们通常会通过构造函数定义并生成新对象,而在 ES6 中引入了类(Class)的概念,但 class 的本质是...

    Nian糕
  • Emmet 常用语法

    Emmet 是一个能大幅度提高前端开发效率的一个工具,通过在编辑器中输入 HTML 或 CSS 的代码缩写,按 Tab 键即可拓展为完整的代码片段,本文主要...

    Nian糕
  • 《Python入门06》揭秘Python条件&断言&循环语句!!

    好久没有写关于python的推文了,那么本文将继续讲述python的相关内容。本文会主要讲述python语言的代码块、条件语句、断言的使用以及循环语句等...

    ShuYini
  • 互联网开发模式二:敏捷与重构

    敏捷开发的意义和实践 敏捷开发是我们现在最常见的一个“开发模式”,然而很多时候,我们看到“敏捷”两个字,似乎就是让程序员多加点班,或者忽略一些过程加快把代码弄出...

    韩伟
  • 提高代码质量之代码审查

    写代码是一种创造性的劳动,是现在社会中少数的纯手工的工作之一。程序员就像手工艺人,代码就像手工艺品。手工艺品有自己独特的魅力,但是也缺乏流水线产品的严谨和一致性...

    硬核编程
  • 自下向上的编写容易阅读的代码(上)

    我在 关于极简编程的思考 中曾提到要编写可阅读的代码。因为代码是编写一次,阅读多次。 阅读者包括代码编写者,以及后来的维护人员。能让阅读代码更轻松,有利于增强项...

    java思维导图
  • 零代码时代即将到来?没那么简单!

    “零代码”意味着,无需专业的软件知识,你也能轻松规划一个商业逻辑或者开发一个应用程序。

    CDA数据分析师
  • 零代码时代即将到来?没那么简单!

    “零代码”意味着,无需专业的软件知识,你也能轻松规划一个商业逻辑或者开发一个应用程序。

    大数据文摘
  • Mac为外接显示器调出更多分辨率

    最近开始使用媳妇的MBP写代码,接上了买了有一段时间的可以竖屏的戴尔显示器,本以为可以开心写代码了。结果发现还是有问题。

    技术小黑屋

扫码关注云+社区

领取腾讯云代金券