javascript2-分支结构

最新推荐文章于 2022-12-05 09:41:14 发布

从前到后

最新推荐文章于 2022-12-05 09:41:14 发布

阅读量315

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript

本文链接：https://blog.youkuaiyun.com/catherine_fq/article/details/51932254

javascript 专栏收录该内容

24 篇文章

订阅专栏

本文介绍了JavaScript中的布尔值、关系运算符、逻辑运算符及其应用场景，包括条件运算符、分支结构等，通过实例演示了如何使用这些概念进行逻辑判断。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>

<html>

<head>

</head>

<body>

// 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>