JavaScript中怎么將數值轉換為Boolean

本篇文章給大家分享的是有關(guān)JavaScript中怎么將數值轉換為Boolean，小編覺(jué)得挺實(shí)用的，因此分享給大家學(xué)習，希望大家閱讀完這篇文章后可以有所收獲，話(huà)不多說(shuō)，跟著(zhù)小編一起來(lái)看看吧。

字符串

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

數值

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

虛值

在JavaScript中，有6個(gè)虛值。如果將其中任何一個(gè)字符串轉換為Boolean，它將變?yōu)閒alse 。

false undefined null NaN 0 "" (empty string)

任何不為虛值的都會(huì )轉換為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”必須寫(xiě)在引號之間。雖然是虛值，但實(shí)際上是一個(gè)字符串。大多數人都不會(huì )在這里中圈套，但還是需要隨時(shí)保持警惕。

圖源：digilentin

如何操作該代碼

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

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

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

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

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

反之，如果是作為團隊考慮，筆者可能會(huì )選擇Boolean。大多數開(kāi)發(fā)人員都能更好地理解這一點(diǎn)。無(wú)論選擇哪一個(gè)，最重要的是保持代碼一致，不要換來(lái)?yè)Q去，選擇一種并堅持下去。

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

避免newBoolean

使用基元而不是對象類(lèi)型

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

值得注意的是,new Boolean不是boolean，而是布爾值的示例?；容^廉價(jià)，相比對象類(lèi)型應優(yōu)先使用。

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

基元很便宜，它們是不可變的，因此可以共享引用，而不必在實(shí)例上保留任何狀態(tài)。要么true要么false。

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

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

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

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