全文共1396字,预计学习时长7分钟
图源:unsplash
JavaScript中如何将数值转换为Boolean?这篇文章帮你搞定!往下看吧~
字符串
-
conststring =
'string';!!
string;
// true
-
Boolean(
string);
// true
数值
-
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()对象。
特别致谢:CJJ
图源:sitepoint
使用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' ]
特别致谢:CJJ
你学会了吗?
留言 点赞 关注
我们一起分享AI学习与发展的干货
欢迎关注全平台AI垂类自媒体 “读芯术”
(添加小编微信:dxsxbb,加入读者圈,一起讨论最新鲜的人工智能科技哦~)
转载:https://blog.csdn.net/duxinshuxiaobian/article/details/105344419