JavaScript中如何將數值轉換為Boolean

JavaScript中如何將數值轉換為Boolean，很多新手對此不是很清楚，為了幫助大家解決這個難題，下面小編將為大家詳細講解，有這方面需求的人可以來學習下，希望你能有所收獲。

字符串

conststring = 'string';!!string; // true
Boolean(string); // true

在這里小編建了一個前端學習交流扣扣群：132667127，我自己整理的最新的前端資料和高級開發教程，如果有想需要的，可以加群一起學習交流

數值

constnumber = 100;!!number; // true
Boolean(number); // true

虛值

在JavaScript中，有6個虛值。如果將其中任何一個字符串轉換為Boolean，它將變為false 。

false
undefined
null
NaN
0
"" (empty string)

任何不為虛值的都會轉換為true。

示例

虛值的應用：

!!false;// false
!!undefined; // false
!!null; // false
!!NaN; // false
!!0; // false
!!''; // false

虛值在Boolean上下文中的應用：

Boolean(false);// false
Boolean(undefined); // false
Boolean(null); // false
Boolean(NaN); // false
Boolean(0); // false
Boolean(''); // false

當心 ‘false’

constvalue = 'false';!!value; // true
Boolean(value); // true

注意“false”必須寫在引號之間。雖然是虛值，但實際上是一個字符串。大多數人都不會在這里中圈套，但還是需要隨時保持警惕。

圖源：digilentin

如何操作該代碼

首先！ 將該值強制轉換為Boolean并取反。在上下文中, ！value將變回虛值。所以為了將value恢復成真值，將另一個“!” 放入操作中，因此這里出現了兩個！。

const value = 'string';!value; //false!!value; // true

速度測試

boolean vs !!

看起來像 !! 但測試速度比Boolean快。

圖源：unsplash

有些人更喜歡Boolean，因為它更明確。但是，KyleSimpson在《你不知道的JavaScript》中提到，這兩者都是明確的。

//better (works explicitly):
if (!!a) {
}// also great (works explicitly):
if (Boolean(a)) {
}

這里不會給你標準答案，你可以按需選擇。筆者會在個人開發的項目中繼續使用!!，其鍵入較少而且筆者對這種語法有了解。

反之，如果是作為團隊考慮，筆者可能會選擇Boolean。大多數開發人員都能更好地理解這一點。無論選擇哪一個，最重要的是保持代碼一致，不要換來換去，選擇一種并堅持下去。

這更像是一種偏好選擇，不要剝奪自己理解兩種代碼的權利。

避免newBoolean

使用基元而不是對象類型

var str = 'str';// Avoid
typeof new Boolean(str); // object// Preferred
typeof Boolean(str); // boolean
typeof !!str; // boolean

CJJ.：值得注意的是,new Boolean不是boolean，而是布爾值的示例。基元比較廉價，相比對象類型應優先使用。

CJJ.：new Boolean(str) 可以返回對象類型。Boolean(str)只返回boolean的原始值。筆者猜測Boolean(str)比!!str更快。因為這只是一項操作，但是瀏覽器也有可能實施優化，以便程序員看到 !! 他們知道直接將參數轉換為boolean原始值（而不是實際執行NOT()連續兩次）。

CJJ.：基元很便宜，它們是不可變的，因此可以共享引用，而不必在實例上保留任何狀態。要么true要么false。

但newBoolean(str)是一個對象。它有自己的唯一存儲地址，并且可以保存唯一的內部狀態。這意味著它不能只保存對不可變單例實例的引用。每次運行new Boolean(str) 實例化都會產生一個全新的Boolean()對象。

使用Boolean構造函數刪除空字符串

CJJ.：這是經典示例。如果得到一個用逗號分隔的字符串值列表，并且想要過濾掉空字符串，則可以將Boolean構造函數傳遞給Array.prototype.filter，它將自動去除零長度字符串，而僅保留一個有效的字符串數組。

var str= 'some,list,,of,values';
var arr = str.split(',');arr; // [ 'some', 'list', '', 'of', 'values']arr.filter(Boolean); // [ 'some', 'list', 'of', 'values' ]

看完上述內容是否對您有幫助呢？如果還想對相關知識有進一步的了解或閱讀更多相關文章，請關注億速云行業資訊頻道，感謝您對億速云的支持。