javascript2-分支结构

最新推荐文章于 2022-12-05 09:41:14 发布
最新推荐文章于 2022-12-05 09:41:14 发布
阅读量262 收藏
点赞数
分类专栏： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/catherine_fq/article/details/51932254
版权

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8" />

<title></title>

</head>

<body> 

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

<input type="button" name="btn" id="btn" value="提交" />

<script type="text/javascript">

// 1. 布尔值

// 表示真或假，两种状态

// condition 条件 状态的意思

// 非 0 即真

var cond1 = true; // 还有个值是false

var cond2 = 200; // 真的

cond2 = -2; // 真的

cond2 = 0; // 假的

// 如果是字符串 空字符串是假的 有内容就是真的

cond2 = ""; // 假的

cond2 = "0"; // 真的

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

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

// alert(Boolean(cond3));


// 关系运算符

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

var a = 8;

var result1 = a >= 3; // true;

// alert(result1);

var result2 = a != 7;

// alert(result2); // true;

var b = "8"; // String

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

// === 判断相等时，判断类型以及值

result2 = a !== b;

// alert(result2);

// 逻辑运算符

// 逻辑与（并且），逻辑或（或者），逻辑非

// && || !

var cond4 = 5 > 3; // 真的

// alert(cond4);

var cond5 = 3 == "3"; // 真的

// alert(cond5);

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

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 = b > c ? b++ : 2;

// alert(b);

// 分支结构

// 如果。。。就。。。

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

// if

// 1. 简单形式

// 要买一斤包子

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

// 做的一些事。

// 买一个

// }

if (b < c) {

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

}

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

var oMan = document.getElementById("man");

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

oBtn.onclick = function(){

if (man.value == "m") {

alert("男性");

}

};

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

// if (如果的条件) {

// 就。。。

// } else{

// 否则。。。

// }

// if (5 < 3) {

alert("屌丝");

// } else{

alert("男神");

// }

//

// oBtn.onclick = function(){

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

// alert("男性");

// } 

// else{

// alert("其他");

// }

// };

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

// oBtn.onclick = function(){

// var number = parseInt(man.value);

// if (number >= 1 && number < 100) {

// alert("两位数");

// }

// else{

// alert("三位数");

// }

// };

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

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

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

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

// oBtn.onclick = function(){

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

// // 条件1

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

// // 条件2

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

//

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

// alert("闰年");

// }

// else{

// alert("平年");

// }

// }

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

oBtn.onclick = function(){

var score = parseInt(man.value);

if (score >=80 && score <= 100) {

alert("优秀");

} else{

if (score >=60 && score < 80) {

alert("中等");

}

else{

alert("不及格");

}

}

}

// 如果。。。就。。。否则如果。。。就。。。

// 级联式

// {

// 就。。。

// }else if (条件2) {

// 就。。。

// }

// else if (条件3) {

// 就。。。

// }......

// else{

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

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

// }

//

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

// oBtn.onclick = function (){

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

// if (x < 1) {

// y = x;

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

// y = 2 * x - 1;

//

// } else if (x >= 10) {

// y = 3 * x - 11;

// }

// alert(y);

// }

// 多分支结构

// switch (){

// case value:

// break;

// defult 默认情况

// default:

// break;

// }

// oBtn.onclick = function (){

// var phone = parseInt(man.value);

// switch (phone){

// case 119:{

// alert("火警");

// } break;

//

// case 110:{

// alert("警察局");

// } break;

//

// case 114:{

// alert("查询中心");

// } break;

//

// case 120:{

// alert("急救");

// } break;

//

// default: {

// alert("你到底要打给谁");

// } break;

// }

// }

//

</script>

</body>

</html>

从前到后
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript分支结构
xiaoding520的博客
01-13 883
大家好，欢迎观看JavaScript教程（七、JavaScript分支结构） 一、分支语句 if 条件语句 描述：先判断一个表达式的布尔值，然后根据布尔值的真伪，执行不同的语句 语法：if (条件) {执行代码} var age = 20;//年龄 var ling = 2;//工龄 if (age>=18 && ling>=2) { //根据条件判断布尔...
javascript的分支结构
03-23
javascript的分支结构
JavaScript 分支结构
Hrgge的博客
09-14 209
案例案例if(条件表达式1){if(条件表达式2){语句块1}else{语句块2}}else{if(条件表达式3){语句块3}else{语句块4}}案例。
浅谈JavaScript中的分支结构
10-22
JavaScript中的分支结构是编程逻辑的重要组成部分，它允许代码根据不同的条件执行不同的路径。在JavaScript中，主要有两种常见的分支结构：if语句和switch语句。 1. if语句： if语句是最基本的条件判断结构，只有...
javascript 分支结构if()结构.md
10-25
### JavaScript中的if分支结构 在JavaScript编程语言中，分支结构是一种重要的控制流程工具，它允许程序根据特定条件来决定执行哪一段代码。其中最常用的就是`if`语句，它可以实现基本的条件判断功能。本文将详细...
feu20-javascript2
02-11
【压缩包子文件的文件名称列表】"feu20-javascript2-master"通常代表这是源代码仓库的主分支，可能包含以下几个部分： 1. `README.md`：这个文件通常会提供项目的概述、安装指南、使用方法和其他重要信息。 2. `src...
java中分支_[Java教程]JavaScript中的分支结构
weixin_30510711的博客
02-26 62
[Java教程]JavaScript中的分支结构0 2016-06-30 23:03:37说到JavaScript中的分支结构，我们就不得不提到流程控制这个词，我们所有的程序都是由数据和算法组成的。程序=数据+算法通常我们所说的算法都可以通过"顺序"，"分支"，"循环"三种结构来组合完成。在ECMA中规定了一些语句(也称为流程控制语句，分支结构语句)，从本质上来说，这些语句定义了EC...
JavaScript中的分支结构
caiNiao_2021的博客
12-10 1185
JavaScript中的分支结构 由上到下执行代码的过程中，根据不同的条件，执行不同的代码（执行代码多选一的过程），从而得到不同的结果。 1. if 语句 if 语法结构 if (条件表达式) { //条件成立，执行的代码语句 } //条件不成立，就不执行大括号里面的代码语句 执行思路 如果 if 里面的条件表达式结果为真 true，则执行大括号里面的执行语句 如果 if 里面的条件表达式结果为假 false，则不执行大括号里面的语句，而是执行 if 语句后面的代码 // 例子 if (3 &lt
【JavaScript分支结构】
YANG_helloworld的博客
12-30 415
JavaScript分支结构
JavaScript的分支结构(if语句，switch语句）
m0_46372214的博客
03-22 301
分支结构：代码执行的一种，代码从上到下，依次执行 分支结构就是到了某一位置的时候，选择性的执行哪 一行代码 分支机构的语法（2种） 1.if 语句 2.switch 语句 if 语句语法（4种） 1.if （条件）{要执行的代码} 条件是true，就执行{}里的代码； 条件是false，不执行{}里的代码； 2.if (条件) {条件成立就执行}else{条件不成立执行} 条件成立，就执...
JavaScript学习：分支结构
老侯的博客
11-09 239
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;分支结构&lt;/title&gt; &lt;script type="text/javascript"&gt; // var ranking = parseIn
JavaScript学习--分支结构
luobogan41的博客
08-16 183
JavaScript学习--分支结构
JavaScript分支结构写法
Fancy_vae的博客
07-26 234
JavaScrip的分支结构 1、if-else结构 1、结构的写法： if(判断条件){ 　　//条件为true时，执行if的{} }else{ 　　//条件为false时，执行else的{} } 2、注意事项 ①else语句块。可以根据情况进行省略。 ②if和else后面的{}可以省略，但是省略{}后，if和else后面只能跟一条语句。（所以并不建议省略{}） 3、if的()中的判断条件，支持的情况： ①Boolean：true为真，false为假； ②String：空字符串为假，所有非空字符串为真；
JavaScript 分支结构知识点整理
王飞
07-25 559
在我们进行逻辑运算时，难免少不了使用分支结构实现页面上的需求功能，再次整理一下分支结构的语法及其使用。 1. If…Else 语句 在代码中需要通过判断来选择执行不同的代码块，所以我们可以使用If…Else语句在实现。 if(条件){ 条件为真时执行 } esle{ 条件为假时执行 } 2. Switch 语句 在通过用户输入的值进行判断返回多个的值。 switch(n) { case 1:...
JavaScript基础（四） （分支结构）
weixin_50828895的博客
12-17 477
分支结构一、 if语句二、 if…else语句三、 if…else if语句四、switch语句 一、 if语句 if语句也称为条件语句、单分支语句，当满足某种条件时，就进行某种处理 语法结构： if ( 条件表达式 ) { // 代码段 } 二、 if…else语句 if…else语句也称为双分支语句，当满足某种条件时，就进行某种处理，否则进行另一种处理。 语法结构： if ( 条件表达式 ) { // 代码段1 } else { // 代码段2 } 三、 if…else if语
JavaScript基础（四） 之分支结构
Andone_hsx的博客
02-03 715
分支结构-11、程序的流程 程序 = 数据结构 + 算法 任何复杂的算法都可以通过 "顺序","分支","循环" 三种结构来表示 2、什么是分支结构 在不同的情况下，可以选择不同的语句来执行 当 条件 满足时，执行某些语句 - if结构 当 条件 满足时，执行某些语句 当条件 不满足时，执行另外一些语句
【JavaScript】分支结构和循环结构
早睡早起长头发的博客
12-05 715
一、流程控制 二、分支结构 1. if语句 2. if…else语句 3. if…else if语句 4. switch语句 5.条件表达式构成的选择结构 三、循环结构 1.while循环 2.do-while循环 3. for循环 3.1 for循环转换为while循环 3.2 断点调试 4. 循环嵌套
JavaScript的分支结构嵌套
最新发布
06-08
JavaScript中的分支结构嵌套指的是在一个条件语句中嵌套另一个条件语句，以实现更复杂的条件判断。例如： ``` if (condition1) { // 执行代码块1 if (condition2) { // 执行代码块2 } } ``` 上述代码中，当`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值