您的位置：首页 > Web前端 > JavaScript

JavaScript -- 逻辑运算符

2018-01-08 09:20 99 查看

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">

/*
* JS中为我们提供了三种逻辑运算符
* ! 非
*  - !可以用来对一个值进行非运算
*  - 所谓非运算就是值对一个布尔值进行取反操作，
*      true变false，false变true
*  - 如果对一个值进行两次取反，它不会变化
*  - 如果对非布尔值进行元素，则会将其转换为布尔值，然后再取反
*      所以我们可以利用该特点，来将一个其他的数据类型转换为布尔值
*      可以为一个任意数据类型取两次反，来将其转换为布尔值，
*      原理和Boolean()函数一样
*
* && 与
*  - &&可以对符号两侧的值进行与运算并返回结果
*  - 运算规则
*      - 两个值中只要有一个值为false就返回false，
*          只有两个值都为true时，才会返回true
*      - JS中的“与”属于短路的与，
*          如果第一个值为false，则不会看第二个值
*
* || 或
*  - ||可以对符号两侧的值进行或运算并返回结果
*  - 运算规则：
*      - 两个值中只要有一个true，就返回true
*          如果两个值都为false，才返回false
*      - JS中的“或”属于短路的或
*          如果第一个值为true，则不会检查第二个值
*/

//如果两个值都是true则返回true
var result = true && true;

//只要有一个false，就返回false
result = true && false;
result = false && true;
result = false && false;

//console.log("result = "+result);

//第一个值为true，会检查第二个值
//true && alert("看我出不出来！！");

//第一个值为false，不会检查第二个值
//false && alert("看我出不出来！！");

//两个都是false，则返回false
result = false || false;

//只有有一个true，就返回true
result = true || false;
result = false || true ;
result = true || true ;

//console.log("result = "+result);

//第一个值为false，则会检查第二个值
//false || alert("123");

//第一个值为true，则不再检查第二个值
//true || alert("123");

var a = false;

//对a进行非运算
a = !a;

//console.log("a = "+a);

var b = 10;
b = !!b;

//console.log("b = "+b);
//console.log(typeof b);

</script>
</head>
<body>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>

<script type="text/javascript">

/*
* && || 非布尔值的情况
*  - 对于非布尔值进行与或运算时，
*      会先将其转换为布尔值，然后再运算，并且返回原值
*  - 与运算：
*      - 如果第一个值为true，则必然返回第二个值
*      - 如果第一个值为false，则直接返回第一个值
*
*  - 或运算
*      - 如果第一个值为true，则直接返回第一个值
*      - 如果第一个值为false，则返回第二个值
*
*/

//true && true
//与运算：如果两个值都为true，则返回后边的
var result = 5 && 6;

//与运算：如果两个值中有false，则返回靠前的false
//false && true
result = 0 && 2;
result = 2 && 0;
//false &&　false
result = NaN && 0;
result = 0 && NaN;

//true || true
//如果第一个值为true，则直接返回第一个值
result = 2 || 1;
result = 2 || NaN;
result = 2 || 0;

//如果第一个值为false，则直接返回第二个值
result = NaN || 1;
result = NaN || 0;

result = "" || "hello";

result = -1 || "你好";

console.log("result = "+result);

</script>

</head>
<body>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： javascript

相关文章推荐

新的分享

章节导航