如何使用JavaScript切换布尔值（） _切换布尔值

可以使用以下两种方法在JavaScript中切换布尔值：
方法1：使用逻辑NOT运算符：布尔代数中的逻辑NOT运算符用于取反表达式或值。在true值上使用此运算符将返回false, 在false值上使用它将会返回true。此属性可用于切换布尔值。在要切换的变量之前使用NOT运算符, 并将结果分配给同一变量。这将有效地切换布尔值。
语法如下：

booleanValue = https://www.lsbin.com/!booleanValue

例子：

< html > < head > < title > How to toggle a boolean using JavaScript? < / title > < / head > < body > < h1 style = "color: green" > lsbin < / h1 > < b > How to toggle a boolean using JavaScript? < / b > < p > The boolean is toggled whenever the button is pressed. < / p > < p > See the console for the output < / p > < button onclick = "toggle()" > Toggle Bool < / button > < script > let testBool = true; console.log('Default value of bool is', testBool); function toggle() { testBool = !testBool; console.log('Toggled bool is', testBool); } < / script > < / body > < / html >

输出如下：
单击一次按钮：

文章图片
单击两次按钮：

文章图片
方法2：使用三元运算符：三元运算符用作使用if / else语句的快捷方式。它用于根据表达条件做出决定。它包含三个参数：条件语句, 满足条件时要执行的表达式和不满足条件时要执行的表达式。
将要切换的布尔值作为条件传递。如果为true, 则执行的表达式为" false"；如果为false, 则执行的表达式为" true"。该运算符的结果被分配回要切换的布尔值。这将有效地切换值, 因为true条件将返回false, false条件将返回true。
语法如下：

booleanValue = https://www.lsbin.com/booleanValue? false : true

例子：

< !DOCTYPE html> < html > < head > < title > How to toggle a boolean using JavaScript? < / title > < / head > < body > < h1 style = "color: green" > lsbin < / h1 > < b > How to toggle a boolean using JavaScript? < / b > < p > The boolean is toggled whenever the button is pressed. < / p > < p > See the console for the output < / p > < button onclick = "toggle()" > Toggle Bool < / button > < script > let testBool = true; console.log('Default value of bool is', testBool); function toggle() { testBool = testBool ? false : true; console.log('Toggled bool is', testBool); } < / script > < / body > < / html >

输出如下：
单击一次按钮：