JavaScript中的逻辑运算详解

heliuerya

已于 2023-03-15 08:49:16 修改

阅读量543

点赞数

分类专栏： JavaScript 学习笔记文章标签： javascript 前端 html5

于 2023-02-05 10:15:22 首次发布

本文链接：https://blog.csdn.net/heliuerya/article/details/128888396

版权

学习笔记同时被 2 个专栏收录

277 篇文章 5 订阅

订阅专栏

JavaScript

39 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JavaScript中的逻辑运算详解</title>
<script type="text/javascript">
/*
且运算： &&
或运算： ||
取反运算： !

在 JavaScript 语言中，所有的变量，都可以做为一个 boolean 类型的变量去使用。

0 、null、 undefined、""(空串) 都认为是 false；其他都为true；

这里需要注意""与" "是有区别的。
*/

var a = 0;
if (a){
alert("0为真");
}else {
alert("0为假");//0为假
}

var b = null;
if (b){
alert("null为真");
}else {
alert("null为假");//null为假
}

var c = "";
if (c){
alert("空字符串为真");
}else {
alert("空字符串为假");//空字符串为假
}
var c = " ";
if (c){
alert("' '为真");//' '为真
}else {
alert("' '为假");
}

var d = undefined;
if (d){
alert("undefined为真");
}else {
alert("undefined为假");//undefined为假
}

var x = true;
if (x){
alert("x 为真");//x 为真
}else {
alert("x 为假");
}

var y = false;
if (y){
alert("y 为真");//y 为真此处需要注意哦
}else {
alert("y 为假");
}

/*
&& ：且运算。
有两种情况：
第一种：当表达式全为真的时候。返回最后一个表达式的值。
第二种：当表达式中，有一个为假的时候。返回第一个为假的表达式的值
*/
var a = "abc";
var b = true;
var c = null;
var d = false;

alert(a && b);//true
alert(b && a);//abc
alert(c && d);//null
alert(d && c);//false
alert(a && c);//null
alert(c && a);//null

alert(a && b && c && d);//null,在c处发生短路，就返回c的值

/*
|| ：或运算
第一种情况：当表达式全为假时，返回最后一个表达式的值
第二种情况：只要有一个表达式为真。就会返回第一个为真的表达式的值
*/
alert(a || b);//abc
alert(b || a);//true
alert(c || d);//false
alert(d || c);//null
alert(a || c);//abc
alert(c || a);//abc
/*
&& 和 || 某些时候会有短路。
短路就是说，当这个&&或||运算有结果了之后。后面的表达式不再执行

总结一句：在哪里发生短路现象，就返回哪个值，没发生短路就返回最后一个值。
*/

</script>
</head>
<body>

</body>
</html>