文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

JavaScript中如何将数值转换为Boolean

2024-04-02 19:55

关注

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”必须写在引号之间。虽然是虚值,但实际上是一个字符串。大多数人都不会在这里中圈套,但还是需要随时保持警惕。

JavaScript中如何将数值转换为Boolean

图源:digilentin

如何操作该代码

首先! 将该值强制转换为Boolean并取反。在上下文中, !value将变回虚值。所以为了将value恢复成真值,将另一个“!” 放入操作中,因此这里出现了两个!。

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

速度测试

boolean vs !!

看起来像 !! 但测试速度比Boolean快。

JavaScript中如何将数值转换为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' ]

看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注编程网行业资讯频道,感谢您对编程网的支持。

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     807人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     351人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     314人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     433人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     221人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-前端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯