脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js 字符串转boolean

JS字符串false转boolean的方法(推荐)

 更新时间：2017年03月08日 09:49:52   投稿：jingxian  
下面小编就为大家带来一篇JS字符串false转boolean的方法(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

大家都知道在JS的世界里， 0、-0、null、""、false、undefined 或 NaN，这些都可以自动转化为布尔的 false，那么字符串的"false"是不是false呢，答案是否定的，if("false") 来判断的话，是等于true的

所以今天遇到个SB问题，就是后台velocity往前台传参，大家一般都是这么写。

0.背景

var hasAuth = $!auth ; // 这个auth就是利用velocity传到前台的

这么写就有一个风险，那就是，如果后台忘记往前台传这个参数，就造成了如下的

var hasAuth = ; // 语法错误，因为；之前是个空，这是由于velocity木有传参，前台是自然而然的变成了空白，空白！！

1、解决1

那么如何解决这种因为前后端不分离，velocity忘记传到前台而产生的这个问题呢，当当当当，我想到了一个办法就是利用单引号将变量括住，这样后台不传参，我也不怕不怕啦，代码变成了这样

var hasAuth = '$!auth' ; // 这样就好啦，即使后台不传参到前台，我特么也不怕报语法错误了。

2、解决2

然而事情并没有到此结束，因为我发现如果后台没有忘记往前台传参，后台获得的权限绝逼不是true就是false，那么问题来了，代码经过渲染变成了下面这个样纸。

var hasAuth = 'true';

或者

var hasAuth = 'false';

那么下面再做判断的时候呢

1.

var hasAuth = 'true';
if(hasAuth){ //此时的hasAuth是true
 
}

2.
var hasAuth = 'false';
if(hasAuth){ //此时的hasAuth还是true
 
}

这该如何是好！！！

3、解决3

我特么灵机一动，那么我用Boolean的构造方法去做处理岂不是就ok了？我特么太聪明了，于是这么写

var hasAuth = Boolean('$!auth');

还是和刚才一样

1.当后台传到前台的auth是true时，Boolean('$!auth') === Boolean('true') === true;

var hasAuth = 'true';
if(hasAuth){ //此时的hasAuth是true
 
}

2.当后台传到前台的auth是false时，Boolean('$!auth') === Boolean('false') === true;
var hasAuth = 'false';
if(hasAuth){ //此时的hasAuth还是true
 
}

为咩啊

4、解决4

我查阅了一下w3c，发现解释如下

var myBoolean=new Boolean();

//下面的所有的代码行均会创建初始值为 false 的 Boolean 对象。
var myBoolean=new Boolean();
var myBoolean=new Boolean(0);
var myBoolean=new Boolean(null);
var myBoolean=new Boolean("");
var myBoolean=new Boolean(false);//不带单引号的是false
var myBoolean=new Boolean(NaN);
//下面的所有的代码行均会创初始值为 true 的 Boolean 对象：
var myBoolean=new Boolean(1);
var myBoolean=new Boolean(true);
var myBoolean=new Boolean("true");
var myBoolean=new Boolean("false");//带单引号的字符串false最终等于true
var myBoolean=new Boolean("Bill Gates");

靠了，这条路也想不通，可爱的一休哥，赶紧想想注意啊！

5、解决5 最终解决方案

灵机一动，哇塞，那么我用字符串去对比字符串总可以了吧？

于是最终的检测方法如下

var hasAuth = '$!auth' === 'true' ;

1.$!auth 为 true 时

var hasAuth = 'true' === 'true' ;
console.log(hasAuth);//true

2.$!auth 为 false 时

var hasAuth = 'false' === 'true' ;
console.log(hasAuth);//false

当然也可以如下玩

String.prototype.bool = function() {
    return (/^true$/i).test(this);
};
console.log("true".bool());

以上这篇JS字符串false转boolean的方法(推荐)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

  • js实现菜单跳转效果

    js实现菜单跳转效果

    这篇文章主要为大家详细介绍了js实现菜单跳转效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2020-12-12
  • JavaScript多图片上传案例

    JavaScript多图片上传案例

    JS上传多图片例子，为了更人性化，不要固定初始化时的个数，可以通过由用户决定上传图片的个数，即是动态地创建上传图片文框和按钮的个数，感兴趣的小伙伴们可以参考一下
    2015-09-09
  • ie和firefox不兼容的解决方法集合

    ie和firefox不兼容的解决方法集合

    网页设计很多情况下，需要注意ie跟firefox的不同区别，脚本之家提供了不好这样的文章，大家可以好好看下。
    2009-04-04
  • JavaScript实现自动切换图片代码

    JavaScript实现自动切换图片代码

    本文给大家分享一段js代码实现自动切换图片的代码，代码非常简单，应用领域非常广泛，感兴趣的朋友一起看看吧
    2016-10-10
  • 解决Layui选择全部,换页checkbox复选框重新勾选的问题方法

    解决Layui选择全部,换页checkbox复选框重新勾选的问题方法

    今天小编就为大家分享一篇解决Layui选择全部,换页checkbox复选框重新勾选的问题方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2018-08-08
  • JavaScript Generator函数使用分析

    JavaScript Generator函数使用分析

    生成器Generator是JavaScript ES6引入的特性，它让我们可以分段执行一个函数。但是在谈论生成器（Generator）之前，我们要先了解迭代器Iterator
    2022-10-10
  • uniapp使用vue-cli新建项目并打包的步骤

    uniapp使用vue-cli新建项目并打包的步骤

    这篇文章主要介绍了uniapp使用vue-cli新建项目并打包,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
    2023-11-11
  • 微信小程序view与scroll-view组件的使用介绍

    微信小程序view与scroll-view组件的使用介绍

    小程序中的组件也是由宿主环境提供的，开发者可以使用组件快速搭建出页面结构，这篇文章主要介绍了微信小程序view与scroll-view组件的使用
    2022-10-10
  • javascript 特殊字符串

    javascript 特殊字符串

    js字符串中出现任何< >标签都可以，就是不能出现</script>标签。
    2009-02-02
  • js中位运算的运用实例分析

    js中位运算的运用实例分析

    这篇文章主要介绍了js中位运算的运用实例分析,需要的朋友可以参考下
    2018-12-12

最新评论