条件运算符

语法:

条件表达式?如果表达式结果为true执行这里的代码 : 如果表达式结果为false执行冒号后面的代码 ;

执行顺序:

1.判断条件表达式是否为 true。
2.如果为 true,执行冒号(:)前面的代码。
3.如果为 false,执行冒号(:)后面的代码。

流程控制语句

if-else语句

根据条件返回的结果(真或假或其它预定义的),来判断下一步要执行的语句。JavaScript提供了两种条件判断语句:if...else 和 switch

        if (如果明天不下雨) {我就出去玩;} else {我就在家写作业;}

条件可以是任何返回结果是 truefalse 的表达式。如果条件表达式返回的是true语句1 会被执行;否则语句2 被执行。

如果有多个判断条件,可以使用else if来进行判断,就像下面这样:

        if (如果明天不下雨) {我就出去嗨;} else if (如果爸妈不在家) {我就在家玩游戏;} else if (如果没有带书包) {我就睡觉;} else {我就乖乖地在家写作业;}

switch语句

switch 语句允许用一个表达式的值一个变量case 标签后面的相匹配。如果匹配成功,就执行这个case 标签后面的代码。

//语法:switch (表达式) {case 1:要执行的代码1break;case 2:要执行的代码2break;
...default:要执行的代码break;}

执行顺序:

1.首先会判断第一个 case 后面的值是否与表达式的结果相等;
2.如果相等,就会执行 case 后面代码,当遇到 break 时,switch 语句停止执行;
3.如果不匹配,接着判断下一个 case 后面的值;
4.如果所有的 case 都不匹配, 程序会去执行 default 后面的代码

注意default 语句不是必须的,在不需要的时候可以不写。如果需要的话,应该写在switch语句的最后。

举例子:输入数字,打印星期

var num = prompt('请输入 1 ~ 7 之间的数字');num = parseInt(num);switch(num) {case 1:console.log('星期一');break;case 2:console.log('星期二');break;case 3:console.log('星期三');break;case 4:console.log('星期四');break;case 5:console.log('星期五');break;default:console.log('周末');break;}

break语句

break语句可以在循环体或判断语句中,只要代码遇到break,就会立马结束当前循环或者判断。

举例子:修改打印星期的例子

var num = prompt('请输入 1 ~ 7 之间的数字');num = parseInt(num);
// 周一到周五统一输出“工作日”,周六和周日输出“休息日”switch(num) {case 1:case 2:case 3:console.log('可以调休');break; case 4:case 5:console.log('工作日');break;default:console.log('休息日');break;}

for语句

语法:

for(var i = 0; i <= 10; i++){循环体代码}

执行顺序:

1.首先进行变量初始化(var i = 0);
2.判断条件表达式是否成立(i <= 10);
3.如果条件成立,则执行循环体内的代码,执行完之后,执行 i++,让 i 自增 1 ,接着再次判断条件表达式是否成立,如此循环往复,直到条件表达式不成立为止;
4.如果条件不成立,则循环体内的代码不会执行,循环结束。

continue语句

continue语句的作用是终止本次循环,接着进行下一次循环。

举例子:过7游戏

//过7游戏
for(var i = 1; i < 100; i++){if(i % 7 == 0){console.log("过");continue;}console.log(i);
}
while语句
语法:while(条件表达式){循环体内的代码}

执行顺序:

1.首先判断条件表达式是否成立;
2.如果成立,执行大括号中的代码,然后再次判断条件表达式是否成立;
3.如果不成立,就不执行大括号中的代码,循环结束。

//举例子var i = 1;while(i <= 100) {console.log(i);i++;}   // 当条件表达式结果为true,会一直执行while循环体内的代码。
// 当条件表达式的结果为false,while循环不再执行。

do-while语句 语法:

do{循环体;}while(条件表达式);
执行顺序:

1.程序一开始,直接进入循环体内,执行一遍循环体内的代码;
2.判断条件表达式是否成立,如果条件成立,那么继续执行循环体内的代码;
3.如果条件表达式是否成立,那么循环体内的代码就不再执行,循环结束;
4.注意:do-while 循环在条件不满足的情况下会比 while 循环多执行一次循环体内的代码。

Javascript---条件运算符相关推荐

  1. Javascript条件运算符、其他运算符第五课(小二节)

    条件运算符.其他运算符 更多免费教学文章请关注这里 <!DOCTYPE html> <html lang="zh"> <head><met ...

  2. JavaScript基础实战(2)js中的强制类型转换、运算符、关系运算符、逻辑运算符、条件运算符

    文章目录 1.强制类型转换Number 1.1 代码 1.2 测试结果 2.进制表示 2.1 代码 2.2 测试结果 3.强制类型转换为Boolea 3.1 代码 3.2 测试结果 4.运算符 4.1 ...

  3. (4)javascript的运算符以及运算符的优先级

    运算符的使用方法 在javascript的程序中要完成各种各样的运算,是离不开运算符的. 在javascript中,按运算符类型可以分为算术运算符.赋值运算符.比较运算符.逻辑运算符.条件运算符等. ...

  4. 跟班学习JavaScript第一天——运算符、数据类型、ECMAScript

    1.js概述 js属于脚本语言,属于弱类型的编译性语言 JAVAScript=ECMAScript(es)+bom(browser object model)+dom(document object ...

  5. JavaScript基本概念

    javascript简介 JavaScript 简介 JavaScript 是互联网上最受欢迎的编程语言之一,用于为网页添加交互性,处理数据,以及创建各种应用程序(移动应用程序,桌面应用程序,游戏等) ...

  6. JavaScript入门(二)

    JavaScript入门(二) 哔哩哔哩链接:https://www.bilibili.com/video/BV1YW411T7GX?spm_id_from=333.999.0.0 七.代码讲解部分 ...

  7. 变量命名规则_JavaScript基础教程(二)变量、常量与运算符

    常量变量与运算符 从本次课程开始我们将进入JavaScript基础教程学习,本课程附带PPT讲义,课程主要针对JavaScript学习入门者. 变量 在计算机程序设计语言中,变量是存储数据的容器,变量 ...

  8. web 前端学习线路图

    web 前端学习线路图 一.HTML 教程 HTML教程 HTML简介 HTML编辑器 HTML基础 HTML元素 HTML属性 HTML标题 HTML段落 HTML样式 HTML格式化 HTML引用 ...

  9. JS_02_函数_运算符_循环

    JavaScript 函数 在JavaScript中,函数即对象,可以随意地被程序操控和玩弄, 函数可以嵌套在其他函数中定义,这样可以访问它们被定义时所处的作用域中的任何变量. 函数是由事件驱动的或者 ...

  10. 耗时一个月,前端开发之小程序实战-----虎牙小程序

    文章目录 前言 一.小程序是什么? 二.知识储备 1.CSS 声明 基础知识 2.JavaScript 3.React React简介 React概述 React框架的优点 我谈React React ...

最新文章

  1. 前端错误信息收集(errorEruda)解析
  2. linux export_symbol 变量,linux EXPORT_SYMBOL
  3. 《算法竞赛入门经典》(第二版) 习题2-1 水仙花数(daffodil)
  4. VScode Remote 直接打开远程服务器目录进行调试
  5. SQLServer2005 没有日志文件(*.ldf) 只有数据文件(*.mdf) 恢复数据库的方法
  6. JS表格插件(学习使用)
  7. VB .NET-文本文件读写
  8. linux mysql 备份 压缩_Linux下mysql定时备份压缩
  9. 2022,一名85后程序猿之感慨,加油
  10. 神经网络训练不起来,怎么办?
  11. React Native组件之Switch和Picker和Slide
  12. 和平精英分数计算机制,和平精英段位对应的积分完整一览 和平精英多少分上王牌...
  13. 宽带连接时用电脑开热点的方法
  14. 氮化硼修饰导热复合物和碳纤维氮化硼涂层|六方氮化硼修饰石墨化氮化碳复合光催化剂|六方氮化硼(h-BN)修饰玻碳电极(GCE-BN) 氮化物
  15. Mybatis执行流程、缓存原理以及相关面试题
  16. leetcode(力扣) 347. 前 K 个高频元素(优先队列 堆 哈希计数器)
  17. lua 中pairs 和 ipairs差别
  18. Ant Design vue 改变表格背景颜色
  19. JAVA-【将字符串中的英文括号替换为中文括号】
  20. 如何使用Things3创建重复的待办事项?

热门文章

  1. SQL性能优化前期准备-清除缓存、开启IO统计
  2. 软件工程-第二次作业-例行报告
  3. 自定义头文件 No such file or directory
  4. UNIX标准化及实现之UNIX标准化、UNIX系统实现、标准和实现的关系以及ISO C标准头文件...
  5. ExtJs + .NET MVC 不分页处理大数据
  6. 除了“团队牛”还有“饭菜香”,百度 IDL 招聘算法实习生
  7. AI人脸识别真的成熟了吗?读完这篇你就懂了
  8. 半监督学习价值凸显!谷歌大脑83页PPT介绍最新进展
  9. 胶囊网络显神威:Google AI和Hinton团队检测到针对图像分类器的对抗攻击
  10. ICCV 2019 | 北邮提出高阶注意力模型,大幅改进行人重识别SOTA精度