WEB前端 | JS基础——(2)布尔类型和关系运算符

50 阅读 0 评论 33 点赞

我是靠谱客的博主斯文橘子，最近开发中收集的这篇文章主要介绍WEB前端 | JS基础——(2)布尔类型和关系运算符，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<title>布尔类型和关系运算符</title>
</head>
<body>
</body>
<script type="text/javascript">
/*
数据类型
1、number
var a = 1;
2、string
var a = "1";
3、undefind
var a;
4、null
var a = null;
*/
//
5、布尔类型
var isboy = true;
var isfirst = false;
console.log(isboy);
// if() {} else {}
// 是分支结构，if的小括号里面是一个bool类型的值，如果为真(true)则执行if后面的语句，如果为假则执行else后面的语句
if (isfirst) {
console.log('是男孩');
} else {
console.log('是女孩');
}
var yuebing = 1;
if (yuebing == 1) {
console.log('1个月饼');
} else if (yuebing == 2) {
console.log('2个月饼')
} else {
console.log('不是1个也不是2个')
}
// 逻辑与 且
// 只有两个条件都满足的时候才会执行if语句里面的代码
// 1 <= x < 10
// 1 <= x && x < 10
// if (1 <= x && x < 10) {}
// 逻辑或 或者
// 两个人条件有任意一个满足的时候就可以执行if语句，两个都不满足则执行else
// 1 <= x || x < 10
var x = 10;
x++;
// x = x + 1;
console.log(x);
var y = x++;
console.log(y);
console.log(x);
var q = ++x;
console.log(q);
// ++x 和 x++ 都是让x的值加一，++是一个自增运算符，++x，代表的时先对x进行自增，然后再把自增之后的x值带入表达式。x++代表的是 先把x原来的值带入表达式然后在对x进行自增的运算。
// var z = x+++y+o+++++j+n;
// 当一个表达式中有很多自增运算符的时候，计算机会按照贪婪法则来识别。
// 逻辑与 和 逻辑或 都存在短路现象。
//逻辑与的时候如果第一个条件为假，则整个表达式为假，不会去判断第二个条件。
//逻辑或的时候，如果第一个条件为真，则整个表达式为真，也不会去判断第二个条件。
var numX = 10;
if (numX++ >= 10 && numX++ < 100) {
// 此时 x = 10 , 此时 x = 11 ;
console.log("大于10");
} else {
console.log("不大于10");
}
console.log(numX); // x = 12;
var numY = 3 > 5 ? 10 : 20;
console.log(numY);
var a = 10;
var b = 18;
var c = 14;
var numY = a > b ? a : b;
numY = numY > c ? numY : c;
// 简写 var numY = (a > b ? a : b) > c ? (a > b ? a : b) : c;
console.log(numY);
var yuefen = 5;
switch(yuefen) {
case 1:
console.log('一月');
break;
case 2:
console.log('二月');
break;
case 3:
console.log('三月');
break;
default:
console.log('输入错误');
}
var aa = 10;
var bb = 50;
aa += 40; //aa = aa + 40;
(加减乘除相同使用)
aa += bb; //aa = aa + bb;
console.log(bb);
</script>
</html>