8、JS 逻辑运算符

介绍

本文是在学习JS所做的学习笔记,所有笔记内容请看:JS学习笔记

! 、&&、 ||

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>

      !  取反
      ||  或者
     &&  与
      
 
    对非布尔值进行取反,先将非布尔值变成布尔值,然后再取反
    可以使用 !! 将其变换成对应的布尔值
    var b=10;
    console.log(!b);// 
    
    && 两个值都为true才会返回true,如果第一个值为false,则不会继续判断
   
   || 只要有一个为true,就会返回true,不会检查后边的
    </script> 
</head>
<body>
</body>
</html>

&& 与 || 非布尔值的运算情况

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
 
      对于非布尔值的 &&  ||  运算,先将其转换成布尔值,再进行运算,并且
      返回原值.
      
     
    &&运算:
    如果两个值都为true,则返回后边的值。
    如果第一个值为false,则返回第一个值。
    var result = 1&&2;// 相当于 true && true ,返回值为2
    
    var result = 0&&2;// 相当于 false && true ,返回值为0
    
    var result = 2&&0;// 相当于 true && false ,返回值为0
    
    var resulut = NaN && 0;// 相当于false && false,返回值为NaN
    
    ||运算
    第一个值为ture,则返回第一个值
    var result = 1||2// 返回值为1,第一个值为true
    
    第一个值为false ,返回第二个值
    var result =NaN || 2;// 返回值为2
    
    var result = ""|| "hello";//第一个值为空串,为false,则直接返回第二个值
    
    </script> 
</head>
<body>
</body>
</html>
### JavaScript 逻辑运算符及其用法 #### 1. 逻辑非(!) 逻辑运算符用于将一个值转换为布尔值并取反。例如,如果一个值为 `true`,则 `!true` 的结果为 `false`。 双重否定(`!!`)可以用来直接获取一个值的布尔值形式,其效果等同于使用 `Boolean()` 函数[^1]。 ```javascript let counter = 0; console.log(!counter); // true,因为 0 被视为 false console.log(!!counter); // false,双重否定后得到真实的布尔值 ``` #### 2. 逻辑与(&&) 逻辑运算符返回第一个假值(falsy value),或者如果没有假值,则返回最后一个表达式的值。它通常用于确保多个条件都为真时才执行某些操作。 ```javascript let a = true, b = false; console.log(a && b); // false,因为 b 是 falsy console.log(a && "Hello"); // "Hello",因为所有值都为真 ``` #### 3. 逻辑或(||逻辑运算符返回第一个真值(truthy value),或者如果没有真值,则返回最后一个表达式的值。它常用于提供默认值。 ```javascript let x = null, y = "World"; console.log(x || y); // "World",因为 x 是 falsy,返回 y console.log("Hi" || y); // "Hi",因为第一个值是 truthy ``` #### 4. 条件语句中的逻辑运算符 逻辑运算符经常出现在条件语句中,如 `if` 和 `else if`。通过组合逻辑运算符,可以实现复杂的条件判断[^2]。 ```javascript let age = 18; if (age >= 18 && age <= 65) { console.log("You are an adult."); } else if (age < 18 || age > 65) { console.log("You are not in the adult range."); } ``` #### 5. 循环中的逻辑运算符 在循环结构中,逻辑运算符可以帮助控制循环的执行条件。例如,在 `while` 或 `do-while` 中使用逻辑与或逻辑或来决定是否继续循环。 ```javascript let i = 0; while (i < 10 && i !== 5) { console.log(i); i++; } ``` #### 6. 函数中的逻辑运算符 逻辑运算符也可以在函数内部使用,以简化代码逻辑或提供默认参数值。 ```javascript function greet(name) { name = name || "Guest"; // 如果 name 为 falsy,则使用 "Guest" return "Hello, " + name; } console.log(greet()); // "Hello, Guest" console.log(greet("Alice")); // "Hello, Alice" ``` ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值