javascript逻辑运算符的含义是什么

122 阅读 0 评论 81 点赞

我是靠谱客的博主香蕉冬瓜，最近开发中收集的这篇文章主要介绍javascript逻辑运算符的含义是什么，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

本教程操作环境：windows10系统、javascript1.8.5版、Dell G3电脑。

javascript逻辑运算符的含义是什么

逻辑运算符用来表示日常交流中的“并且”，“或者”，“除非”等思想。

逻辑运算符：在形式逻辑中，逻辑运算符或逻辑连接词将语句连接成更复杂的语句。

例如，假设有两个逻辑命题，即“下雨了”和“我在屋里”。可以把它们变成复杂的命题：“下雨了，我在屋里”或“没下雨”或“如果下雨了，我在屋里”。由两个语句组成的新语句或命题称为复合语句或复合命题。

“与”和“或”有两种不同形式运算符的原因是它们运算的优先级不同。运算符用于执行程序代码运算，会针对一个以上操作数项目来进行运算。

JavaScript中的逻辑运算符

首先说一下，其他数据类型转换为布尔类型的规则：

null、undefined、0、NaN、空字符串转换为false，其他转化为true。

javascript中有三种逻辑运算符：

1. 取反！

首先把数据转化为布尔值，然后取反，结果为true或false

<script type="text/javascript">
var a = [1,2,3];
var b = "hello";
var obj = new Object();
var d;
console.log(!"");
console.log(!d);
console.log(!a);
console.log(!b);
console.log(!obj);
</script>
登录后复制

2. 逻辑与 &&

js中逻辑与和其他语言不太一样，如果第一个操作数是true(或者能够转为true)，计算结果就是第二个操作数，如果第一个操作数是false，结果就是false（短路计算），对于一些特殊数值不遵循以上规则.

<script type="text/javascript">
var a = [1,2,3];
var b = "hello";
var obj = new Object();
var d;
console.log(true && 10);//第一个操作数是true，结果是第二个操作，也就是10
console.log(false && b);//第一个操作数是false，结果flase
console.log(100 && false);//第一个操作数是100，结果flase
console.log(undefined && false);//第一个操作数是undefined，结果undefined
console.log(NaN && false);//第一个操作数是NaN，结果NaN
console.log(null && false);//第一个操作数是null，结果null
console.log('' && false);//第一个操作数是空串，结果空串
console.log(0 && 100);//结果是0
console.log(5 && 100);//100
console.log(a && b);//hello
console.log(obj && 200);//200
</script>
登录后复制

3. 逻辑或 ||

如果第一个操作数不是false，结果就是第一个操作数，否则结果是第二个操作数。如果第一个操作数能够转为true，结果就是第一个操作数

<script type="text/javascript">
var a = [1,2,3];
var b = "hello";
var obj = new Object();
var d;
console.log(true || 10);//第一个操作数是true，结果是第一个操作，也就是true
console.log(false || b);//第一个操作数是false，结果是第二个操作数b
console.log(100 || false);//第一个操作数是100，结果100
console.log(undefined || 9);//第一个操作数是undefined转false，结果9
console.log(NaN || false);//第一个操作数是NaN转false，结果第二个操作数
console.log(null || a);//第一个操作数是null转false，结果a
console.log('' || false);//第一个操作数是空串转false，结果第二操作数
console.log(0 || 100);//结果是100
console.log(5 || 100);//5
console.log(a || b);//a
console.log(obj || 200);//obj
</script>
登录后复制