快捷導(dǎo)航

JavaScript中Boolean類型的實現(xiàn)示例

更新時間：2026年02月24日 09:28:36 作者：橘朵

本文主要介紹了JavaScript中Boolean類型的實現(xiàn)示例,布爾值的兩個字面值true和false,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

數(shù)據(jù)類型	Truthy（真值）	Falsy（假值）
Boolean	true	false
String	非空字符串	""（空字符串）
Number	非零數(shù)值（包括無窮值）	0、-0、NaN
Object	任意對象，包括空數(shù)組 `[]`和空對象 `{}`	null
Undefined	N/A（不存在）	undefined

直接賦值

最直接的方式。

let isActive = true;
let isLoading = false;

通過表達式

比較或邏輯運算的結(jié)果是布爾值。

let isGreater = 5 > 3; // true
let isEqual = (10 === "10"); // false
let logicResult = (5 > 3) && (4 <= 4); // true

顯式轉(zhuǎn)換

使用 Boolean()函數(shù)或雙重非運算符 !!。

// 使用 Boolean() 函數(shù)
console.log(Boolean("Hello")); // true (非空字符串是 truthy)
console.log(Boolean(0)); // false (0 是 falsy)
console.log(Boolean({})); // true (空對象是 truthy)

// 使用 !! 運算符，效果相同但更簡潔
console.log(!!"Hello"); // true
console.log(!!0); // false

不建議使用Boolean構(gòu)造函數(shù)（通過 new關(guān)鍵字）：

// 創(chuàng)建原始布爾值
let primitiveTrue = true;
// 創(chuàng)建 Boolean 對象
let objectTrue = new Boolean(true);

console.log(typeof primitiveTrue); // "boolean"
console.log(typeof objectTrue); // "object"

// 即使包裝的對象值為 false，其本身作為對象在條件判斷中仍為 true
let objectFalse = new Boolean(false);
if (objectFalse) {
  console.log("This will be executed."); // 這行會被執(zhí)行
}

布爾值的應(yīng)用

//條件判斷：控制代碼分支。
let isLoggedIn = true;
if (isLoggedIn) {
  console.log("Welcome back!");
} else {
  console.log("Please log in.");
}

//循環(huán)控制：決定循環(huán)是否繼續(xù)執(zhí)行。
let count = 0;
while (count < 5) { // 條件為 true 時循環(huán)繼續(xù)
  console.log(count);
  count++;
}

//函數(shù)返回：函數(shù)常用布爾值返回操作結(jié)果或狀態(tài)檢查。
function isAdult(age) {
  return age >= 18;
}
let canVote = isAdult(20); // true

//數(shù)據(jù)過濾：例如，結(jié)合數(shù)組的 filter方法快速過濾出有效項。
const mixedArray = [1, 0, "hello", "", null, 42];
const truthyValues = mixedArray.filter(Boolean); // [1, "hello", 42]
// Boolean 函數(shù)作為回調(diào)，會自動過濾掉所有 falsy 值

到此這篇關(guān)于JavaScript中Boolean類型的實現(xiàn)示例的文章就介紹到這了,更多相關(guān)JavaScript Boolean類型內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: