資料結構
網路
關係型資料庫管理系統
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
服裝設計
法律研究如何在 JavaScript 中切換布林值？
在本教程中，我們將學習如何在 javascript 中切換布林值。此外，我們還將學習如何將其用於需要切換某個狀態或值的各種 Web 應用程式功能。
在 JavaScript 中切換布林值意味著將其值從 true 更改為 false 或反之亦然。在各種情況下切換布林值都很有用，例如更改布林值以啟動操作或在狀態之間或元素的可見性之間切換。
可以使用不同的方法實現切換，例如非運算子、三元運算子或異或運算子。
讓我們看一些示例以更好地理解這個概念 -
示例 1：使用非 (!) 運算子
切換布林值的一種方法是使用非運算子 (!)。非運算子會否定布林值，將 true 更改為 false 或 false 更改為 true。在本例中，我們將使用非運算子在單擊按鈕時切換 flag 值。
檔名 - index.html
<html>
<head>
<title>How to toggle a boolean using JavaScript?</title>
<script>
function toggleBoolean() {
let flag = true;
console.log(flag);
flag = !flag; // Toggling the boolean
console.log(flag);
}
</script>
</head>
<body>
<h3>Toggle Boolean using NOT Operator</h3>
<button onclick="toggleBoolean()">Toggle Boolean</button>
</body>
</html>
輸出
結果將類似於下圖。
示例 2：使用三元運算子
三元運算子 (?:) 是切換布林值的另一種方法。在本例中，我們將使用三元運算子來檢查 flag 的值。如果為 true，我們將 flag 設定為 false；如果為 false，我們將 flag 設定為 true。
檔名 - index.html
<html>
<head>
<title>How to toggle a boolean using JavaScript?</title>
<script>
function toggleBoolean() {
let flag = true;
console.log(flag);
flag = flag ? false : true; // Toggling the boolean
console.log(flag);
}
</script>
</head>
<body>
<h3>Toggle Boolean using ternary Operator</h3>
<button onclick="toggleBoolean()">Toggle Boolean</button>
</body>
</html>
輸出
結果將類似於下圖。
示例 3：使用 XOR (^) 運算子
XOR（異或）運算子是切換布林值的另一種技術。如果運算元具有不同的布林值，則 XOR 運算子返回 true；否則，它返回 false。我們可以透過對具有固定 true 值的布林變數使用 XOR 運算子來更改其狀態。
檔名 - index.html
<html>
<head>
<title>How to toggle a boolean using JavaScript?</title>
<script>
function toggleBoolean() {
let flag = true;
console.log(flag);
flag = flag ^ true; // Toggling the boolean
console.log(flag ? true : false);
}
</script>
</head>
<body>
<h3>Toggle Boolean using XOR Operator</h3>
<button onclick="toggleBoolean()">Toggle Boolean</button>
</body>
</html>
輸出
結果將類似於下圖。
結論
布林切換是指將變數的值從 true 更改為 false 或從 false 更改為 true。它允許在不同狀態之間進行動態切換，並且適用於許多需要切換特定狀態的 Web 應用程式功能。我們學習瞭如何在 javascript 中切換布林值，並查看了一些解釋相同的示例。
更新於： 2023-08-16
5K+ 次檢視
廣告