分支结构

最新推荐文章于 2021-05-13 11:14:33 发布
最新推荐文章于 2021-05-13 11:14:33 发布
阅读量271 收藏
点赞数
分类专栏： JavaScript 文章标签： JavaScript 分支语句 短路情况
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Vivian_shuang/article/details/51857874
版权

 <!DOCTYPE html>

<html>

<head>

<meta charset="utf-8" />

<title></title>

</head>

<body>

<input type="text" name="" id="txt" value="" />

<input type="button" name="" id="btn" value="验证输入" />

<script type="text/javascript">

// 1.布尔值

// 表示真或假两种状态

// condition 条件，状态

var cond1 = true; // false

var cond2 = 100;  // 真的

cond2 = -2; // 真的

cond2 = 0; // 假的

// 如果是字符串，空字符串为假，有内容为真

cond2 = "0"; // 真的

cond2 = ""; // 假的

cond2 = null; // 假的 空对象是假的

var cond3; //undefined 未定义类型为假

// alert(Boolean(cond3));

// 关系运算符

// >, <, >=, <=, ==, !=, ===, !==

var a = 8;

var result1 = a >= 3; // true

// alert(result1);

var result2 = a == 8; // true

// alert(result2);

var b = "8";

// == 判断相等时，存在隐式类型转换 即数值相等即可

var result3 = a == b;

// alert(result3);

// === 判断相等时，判断类型和值，都相等才可以为真

var result4 = a === b;

// alert(result4);

// 逻辑运算符

// 逻辑与（并且）&&， 逻辑或 ||， 逻辑非 !

var cond4 = 5 > 3; //true

var cond5 = 3 == "3";

// 逻辑与 必须都为真 结果才为真 一假即假

var cond = cond4 && cond5;

// 逻辑或 一真即真

cond = cond4 || cond5;

// alert(!cond);

// 短路情况

var b = 1;

// 短路与：若情况1为假，则整体为假，不考虑后面（也不执行）

cond = 5 < 3 && b++;

// 短路或：若情况1为真，则整体为真，不考虑后面（也不执行）

cond = 5 > 3 || ++b;

// alert(b);

// 条件运算符（三目运算符）

// 情况condition ？ 表达式1 ： 表达式2

b = 1;

var c = 3;

var res = 1 ? b++ : 2;

// alert(res); // 1

// alert(b); // 2

// 分支结构

// 如果。。。就。。。

// 当满足一定条件时，做某件事

// if

// 1.简单形式

// 要买一斤包子

// if (condition 条件(遇到卖西瓜的)) {

// 做的一些事

// 买一个

// }


// if (b < c) {

// alert("套路你的分支结构");

// }

// 练习1: 用input标签输入一个字符，如果输入的是m，则提示男性，否则什么都不提示。

// var oTxt = document.getElementById("txt");

// var oBtn = document.getElementById("btn");

// oBtn.onclick = function(){

// if (oTxt.value == "m") {

// alert("男性");

// }

// }

// 2.如果。。。就。。。否则。。。

// if (若果的条件) {

// 就。。。

// } else{

// 否则。。。

// }

// if (5 > 3) {

// alert("屌丝")；

// } else{

// alert("男神")；

// }


// 练习2: 用input标签输入一个字符，如果输入的是m，则提示男性，否则提示其他。

// var oTxt = document.getElementById("txt");

// var oBtn = document.getElementById("btn");

// oBtn.onclick = function(){

// if (oTxt.value == "m"){

// alert("男性");

// }else{

// alert("其他");

// }

// }

// 练习3：input输入一个整型, 如果整型在1~100范围内，打印两位数, 如果不是，打印三位数.

// var oTxt = document.getElementById("txt");

// var oBtn = document.getElementById("btn");

// oBtn.onclick = function(){

// if (parseInt(oTxt.value) < 100 && parseInt(oTxt.value) > 1) {

// alert("两位数");

// } else{

// alert("三位数");

// }

// }


// 练习3: 输入一个年份，判断该年份是否是闰年？如果是闰年，则输出该年是闰年，否则输出该年不是闰年。

//    满足闰年的条件：满足一个即可

//    1. 能被400整除。(如2000年是闰年，1900年不是闰年)

//    2. 能被4整除，但是不能被100整除。(如2004年就是闰年，2010年不是闰年)

// 方法一：

// var oTxt = document.getElementById("txt");

// var oBtn = document.getElementById("btn");

// oBtn.onclick = function(){

// var l1 = parseInt(oTxt.value) % 400 == 0;

// var l2 = parseInt(oTxt.value) % 4 == 0;

// var l3 = parseInt(oTxt.value) % 400 != 0;

// if (l1 || (l2 && l3)) {

// alert("是闰年");

// } else{

// alert("平年");

// }

// }

// 方法二:

// oBtn1.onclick = function (){

// var year = parseInt(oInput1.value);

// // 条件1

// var condition1 = year % 400 == 0;

// // 条件2

// var condition2 = year % 4 == 0 && year % 100 != 0;

//

// if (condition1 || condition2) {

// alert("闰年");

// } else {

// alert("平年");

// }

// };

// 方法三：

// oBtn1.onclick = function (){

// var year = parseInt(oInput1.value);

// // 条件1

// var condition1 = year % 400 == 0;

// // 条件2

// var condition2 = year % 4 == 0 && year % 100 != 0;

//

// if (!(year % 400) || condition2) {

// alert("闰年");

// } else {

// alert("平年");

// }

// };


// 练习4： 输入一个成绩，如果成绩在80-100之间，则输出优秀；如果成绩在60-80之间，则输出中等；否则输出不及格

//方法一：

// var oTxt = document.getElementById("txt");

// var oBtn = document.getElementById("btn");

// oBtn.onclick = function(){

// if (oTxt.value >= 80 && oTxt.value <= 100 ){

// alert("优秀");

// }else{

// if (oTxt.value >= 60 && oTxt.value < 80 ) {

// alert("中等");

// }

// else{

// alert("不及格");

// }

// }

// }

// 3.如果。。。就。。。否则如果。。。就。。。

// 级联式

// if (条件) {

// 就。。。

// }else if (条件2) {

// 就。。。

// }else if (条件3) {

// 就。。

// }......

// else{

//上面条件都不满足，才执行else

//在级联式中，可有可无

// }

//方法二：

// var oTxt = document.getElementById("txt");

// var oBtn = document.getElementById("btn");

// oBtn.onclick = function(){

// if (oTxt.value >= 80 && oTxt.value <= 100 ){

// alert("优秀");

// }else if (oTxt.value >= 60 && oTxt.value < 80 ) {

// alert("中等");

// }else{

// alert("不及格");

// }

// }


// 练习5：有一个函数：x<1的时候，y = x；1<=x<10的时候，y=2x-1；x>=10的时候，y=3x-11。写一段程序，输入x，输出y值。

// oBtn.onclick = function (){

// var y = 0;

// var x = Number(oTxt1.value);

// if (x < 1) {

// y = x;

// } else if(1 <= x && x < 10) {

// y = 2 * x - 1;

// } else {

// y = 3 * x - 11;

// }

// alert(y);

// }

// 多分支结构

var oTxt = document.getElementById("txt");

var oBtn = document.getElementById("btn");

oBtn.onclick = function(){

switch (Number(oTxt.value)){

case 119:{

alert("消防队");

}break;

case 120:{

alert("急救中心");

}break;

case 110:{

alert("警察局");

}break;

// 默认情况

default:{

alert("你到底想打给谁？");

}break;

}

}


</script>

</body>

</html>

Vivian_shuang
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
多分支选择结构
lyn789的博客
07-14 5958
switch 语句根据表达式的值相匹配的执行，一直到default，break结束。 只能处理等值条件判断的情况，且表达式必须为byte,short,int,或char类型 不能是String或double,float while循环 循环三要素：初始化，条件表达式，增量 do-while 先执行，后判断 while 先判断，后执行 在条件为真的情况下都一样 在条件为假的情
HTML—JS的顺序结构、分支结构、循环结构
qq_45152044的博客
11-29 808
代码的三大结构：顺序结构、循环结构、分支结构 顺序结构： 代码由上往下去执行的顺序则为顺序结构 分支结构： 单分支： if( ){ } 双分支： if( ){ }else{ } 多分支： if( ){ }else if( ){ }else{ } 嵌套分支： if( ){ if( ){ }else{ } }else{ if(){ } } 循环结构 switch循环 switch(你要判断的值){ case 条件：console.log(' ');br
JavaScript分支结构
FatPuffer
11-21 217
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maxi...
007条件判断分支结构语句.html
的博客
04-14 943
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>分支判断结构语句</title> <script> //-------------------------if语句----...
学习python分支结构
09-19
### 学习Python分支结构 #### 一、引言 在Python编程中，分支结构是一种基本且重要的控制流程工具，它允许程序根据不同的条件选择不同的执行路径。这为编写复杂逻辑提供了灵活性，使得程序能够根据不同情况做出...
程序设计-python案例-分支结构
04-13
python零基础初学者 体验程序
Python条件分支结构PPT.pptx
12-08
在这个PPT中，主要介绍了Python中的三种分支结构：单分支结构（if语句）、双分支结构（if...else...语句）以及多分支结构（if-elif-...-else语句）。 1. **单分支结构 - if语句**： 单分支结构仅包含一个条件判断...
Python程序设计：单双分支结构.pptx
06-12
在本主题中，我们将深入探讨单分支结构、双分支结构以及它们在猜拳游戏任务中的应用。 首先，让我们来看猜拳游戏。这个游戏是基于石头、剪刀、布的规则，其中每个选项都有可能赢得、输掉或者平局。为了实现这个游戏...
python实验报告-Python分支结构.doc
12-11
【Python分支结构】是Python编程中的重要组成部分，它允许程序根据条件执行不同的代码块，从而实现灵活的逻辑控制。在本实验报告中，主要通过三个实际的编程任务，即成绩等级划分、BMI指数计算和猜数游戏，来深入...
HTML组成成分及其结构
weixin_44552861的博客
07-17 1407
一、HTML基本结构 <!DOCTYPE html> <!-- H5文档类型=html --> <html> <head> <!-- 屏幕自适应大小--> <meta name="viewport" content="width=device-width" /> <title>文档标题&lt...
Python——input()函数 、运算符、程序的组织结构
weixin_40587180的博客
05-13 690
一.input()函数 交互 present=input("大圣需要什么礼物？") print (present,type(present)) 加法 a=input('请输入一个加数：') b=input('请输入另一个加数：') print(int(a)+int(b)) 二.算术运算符 1.标准运算符 加减乘除（1/2=0.5） 整除（11//2=5）：两正两负结果为正，一正一负向下取整（9//-4=-3） 2.取余运算符% 余数=被除数-除数*整除结果 3.幂运算符** 3**2表示3的2次
html基础-1-树形标签结构
Neptuneyut的博客
05-05 6233
文章目录html概述语法要素文档类型、字符编码和属性转义字符meta标签总体回顾参考 html概述 html的特征是基于标签识别渲染源码，更确切的说是标签树，都是从html这个根标签写起，其下常包括head和body两个处于同一级别的子标签，分别负责浏览器头部（可暂时理解为网址框）以及网页主体的设置。 <html> <!-- 注释 --> <head> ...
python分支结构基础实训_Python基础全套教程5：Python分支结构讲解
weixin_39552286的博客
12-03 548
流程控制流程: 计算机执行代码的顺序就是流程流程控制: 对计算机代码执行顺序的管理就是流程控制流程分类: 流程控制一共分为三类：顺序结构分支结构/选择结构循环结构分支/选择结构分支结构一共分为4类：单项分支双项分支多项分支巢状分支(1)单项分支if 条件表达式：一条python语句...一条python语句......特征：if条件表达式结果为真，则执行if之后所控制代码组，如果为假，则不执行后面...
JavaScript入门之多分支结构
u011333814的专栏
02-20 987
多分支结构 var grade = prompt("请输入成绩",60); if (grade >= 90 && grade <= 100){ alert("优秀"); }else if (grade >= 80 && grade < 90){ alert("zhong"); }else if (grade >= 70 && grade < 80){ alert("jige"
HTML的基本结构和标签分类
weixin_30727835的博客
05-28 164
HTML：超文本标记语言 HTML基本结构 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> ...
JavaScript复习之--流程控制-分支结构
左岸人的博客
12-02 866
JavaScript流程控制 流程：就是程序代码的执行顺序。 流程控制：通过规定的语句让程序代码有条件的按照一定的方式执行。 一，顺序结构，     按照书写的顺序来执行，是程序的最基本的流程结构。 二，选择结构，     根据给定的条件有选择的执行相应的语句。     （1）单路分支。          if(条件){       条件成立执行的语句。   }     （
大物实验下MOOC题目答案 .pdf
最新发布
08-18
文件概述： 大物实验下MOOC题目答案.pdf 是为物理学实验课程中的MOOC题目提供的答案汇编文件。该文件专门为物理学科的实验课程设计，旨在帮助学生更好地理解实验内容和提高解决问题的能力。文件内容涵盖了大量的实验题目及其详细答案，提供了一种有效的复习和学习工具。 文件内容： 实验题目：涵盖了物理实验课程中的各种MOOC题目，这些题目包括实验设计、数据分析、理论验证等方面，帮助学生深入理解实验内容。 详细解答：针对每个题目提供了详细的解答步骤和方法，包括实验操作流程、数据处理过程和理论分析。这些解答帮助学生理解实验的关键步骤和原理。 解题技巧：提供了一些解题技巧和常见错误的分析，帮助学生在实际实验和问题解答中避免常见陷阱，提高解题效率。 使用说明： 下载并打开该PDF文件后，建议学生首先浏览实验题目，然后仔细阅读对应的答案和解答步骤。通过对比自己的实验结果和答案，检查理解和解决方法的准确性。利用解答中的技巧和方法，进一步提高自己的实验操作和数据分析能力。 该文件旨在作为学习和复习的辅助工具，帮助学生有效地掌握物理实验课程的核心知识点，提升实验技能和问题解决能力。
2024申博白皮书（面试攻略、笔试攻略）
08-18
白皮书旨在帮助硕士生了解和规划申博之路。它首先分析了博士申请形势，包括招生人数增加、报考人数增多等趋势，并介绍了国内外申博的多种类型，例如直博、统考、审核制、同等学力申博等。接着，白皮书详细讲解了如何选择院校和套磁导师，以及申博文书的撰写技巧，包括个人简历、研究计划、个人陈述和推荐信。最后，白皮书还提供了复试的攻略，包括笔试和面试的准备方法，以及常见问题的回答思路。总而言之，这份白皮书为硕士生申博提供了全面的指导和参考。 一、博士申请形势分析 博士招生人数： 分析了近年来博士招生人数的增长趋势，以及不同高校的招生情况。 二、博士申请类型 三、选择导师和套磁 四、申博文书 五、复试 复试类型： 介绍了笔试和面试两种复试类型，以及各自的考查重点。 笔试攻略： 介绍了笔试的时间安排、答题次序、文字书写、答题量、重点突出、思维严谨、难题偏题应对等方面的技巧。 面试类型： 介绍了与导师单独面试和由院校委员组织的多人面试两种面试形式，以及面试委员会的组成人员。 面试攻略： 介绍了常规准备、informal 面试和正式面试的注意事项，以及常见的面试问题。 六、常见问题汇总 列举了十个常见的面试问题
Python 分支结构
12-09
Python中的分支结构主要有单分支结构和多分支结构两种形式。其中单分支结构使用if语句，多分支结构使用if-elif-else语句。此外，还有三元表达式可以用来简化单分支结构的代码。 以下是Python分支结构的示例代码： ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值