如何在JavaScript中將數(shù)值轉(zhuǎn)換為Boolean
本文轉(zhuǎn)載自公眾號“讀芯術(shù)”(ID：AI_Discovery)
JavaScript中如何將數(shù)值轉(zhuǎn)換為Boolean?這篇文章幫你搞定!往下看吧~
字符串
- conststring = 'string';!!string; // true
- Boolean(string); // true
數(shù)值
- constnumber = 100;!!number; // true
- Boolean(number); // true
虛值
在JavaScript中，有6個虛值。如果將其中任何一個字符串轉(zhuǎn)換為Boolean，它將變?yōu)閒alse 。
- false
- undefined
- null
- NaN
- 0
- "" (empty string)
任何不為虛值的都會轉(zhuǎn)換為true。
示例
虛值的應(yīng)用：
- !!false;// false
- !!undefined; // false
- !!null; // false
- !!NaN; // false
- !!0; // false
- !!''; // false
虛值在Boolean上下文中的應(yīng)用：
- 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”必須寫在引號之間。雖然是虛值，但實際上是一個字符串。大多數(shù)人都不會在這里中圈套，但還是需要隨時保持警惕。
圖源：digilentin
如何操作該代碼
首先! 將該值強制轉(zhuǎn)換為Boolean并取反。在上下文中, !value將變回虛值。所以為了將value恢復(fù)成真值，將另一個“!” 放入操作中，因此這里出現(xiàn)了兩個!。
- 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)) {
- }
這里不會給你標準答案，你可以按需選擇。筆者會在個人開發(fā)的項目中繼續(xù)使用!!，其鍵入較少而且筆者對這種語法有了解。
反之，如果是作為團隊考慮，筆者可能會選擇Boolean。大多數(shù)開發(fā)人員都能更好地理解這一點。無論選擇哪一個，最重要的是保持代碼一致，不要換來換去，選擇一種并堅持下去。
這更像是一種偏好選擇，不要剝奪自己理解兩種代碼的權(quán)利。
避免newBoolean
使用基元而不是對象類型
- var str = 'str';// Avoid
- typeof new Boolean(str); // object// Preferred
- typeof Boolean(str); // boolean
- typeof !!str; // boolean
值得注意的是,new Boolean不是boolean，而是布爾值的示例。基元比較廉價，相比對象類型應(yīng)優(yōu)先使用。
new Boolean(str) 可以返回對象類型。Boolean(str)只返回boolean的原始值。筆者猜測Boolean(str)比!!str更快。因為這只是一項操作，但是瀏覽器也有可能實施優(yōu)化，以便程序員看到 !! 他們知道直接將參數(shù)轉(zhuǎn)換為boolean原始值(而不是實際執(zhí)行NOT()連續(xù)兩次)。
基元很便宜，它們是不可變的，因此可以共享引用，而不必在實例上保留任何狀態(tài)。要么true要么false。
但newBoolean(str)是一個對象。它有自己的唯一存儲地址，并且可以保存唯一的內(nèi)部狀態(tài)。這意味著它不能只保存對不可變單例實例的引用。每次運行new Boolean(str) 實例化都會產(chǎn)生一個全新的Boolean()對象。
使用Boolean構(gòu)造函數(shù)刪除空字符串
CJJ.：這是經(jīng)典示例。如果得到一個用逗號分隔的字符串值列表，并且想要過濾掉空字符串，則可以將Boolean構(gòu)造函數(shù)傳遞給Array.prototype.filter，它將自動去除零長度字符串，而僅保留一個有效的字符串數(shù)組。
- var str= 'some,list,,of,values';
- var arr = str.split(',');arr; // [ 'some', 'list', '', 'of', 'values']arr.filter(Boolean); // [ 'some', 'list', 'of', 'values' ]
你學會了嗎?
