干货满满Boolean(boolean怎么读)
如果得到一个用逗号分隔的字符串值列表,并且想要过滤掉空字符串,则可以将Boolean构造函数传递给Array.prototype.filter,
全文共1396字,预计学习时长7分钟
图源:unsplashJavaScript中如何将数值转换为Boolean?这篇文章帮你搞定!往下看吧~字符串conststring = string;!!string; // trueBoolean(
string); // true数值constnumber = 100;!!number; // trueBoolean(number); // true虚值在JavaScript中,有6个虚值如果将其中任何一个字符串转换为Boolean,它将变为false 。
falseundefinednullNaN0"" (empty string)任何不为虚值的都会转换为true示例虚值的应用:!!false;//false!!undefined;//false!!null。
;//false!!NaN;//false!!0;//false!!;//false虚值在Boolean上下文中的应用:Boolean(false);// falseBoolean(undefined);
// falseBoolean(null); // falseBoolean(NaN); // falseBoolean(0); // falseBoolean(); // 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;// AvoidtypeofnewBoolean(str); // object// PreferredtypeofBoolean
(str); // booleantypeof !!str; // booleanCJJ.:值得注意的是,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学习与发展的干货如转载,请后台留言,遵守转载规范
免责声明:本站所有信息均搜集自互联网,并不代表本站观点,本站不对其真实合法性负责。如有信息侵犯了您的权益,请告知,本站将立刻处理。联系QQ:1640731186