我可以在JavaScript中将表示布尔值的字符串（例如“true”、“false”）转换为内部类型吗？
我有一个隐藏的HTML表单，它根据用户在列表中的选择进行更新。此表单包含一些表示布尔值的字段，并用内部布尔值动态填充。但是，一旦将该值放入隐藏的输入字段，它就会变成字符串。
一旦字段转换为字符串，我唯一能找到的确定它的布尔值的方法就是依赖于它的字符串表示的文字值。
var myValue = document.myForm.IS_TRUE.value;
var isTrueSet = myValue == 'true';
有没有更好的方法来实现这一点？
当前回答
答案很多，很难选出一个。在我的情况下，我在选择时会优先考虑性能，所以我创建了这个jsPerf，我希望它能给我们带来一些启示。
结果简述（越高越好）：
条件语句：2826922Bool对象上的开关盒：2825469转换为JSON:1867774!! 转换：805322字符串原型：713637
它们与相关答案相关联，在那里你可以找到关于每一个答案的更多信息（利弊）；特别是在评论中。
其他回答
我编写了一个助手函数来处理您的案例（以及其他一些）。根据您的具体需要随意更改
/**
* @example
* <code>
* var pageRequestParams = {'enableFeatureX': 'true'};
* toBool(pageRequestParams.enableFeatureX); // returns true
*
* toBool(pageRequestParams.enableFeatureY, true, options.enableFeatureY)
* </code>
* @param {*}value
* @param {Boolean}[mapEmptyStringToTrue=false]
* @param {Boolean}[defaultVal=false] this is returned if value is undefined.
*
* @returns {Boolean}
* @example
* <code>
* toBool({'enableFeatureX': '' }.enableFeatureX); // false
* toBool({'enableFeatureX': '' }.enableFeatureX, true); // true
* toBool({ }.enableFeatureX, true); // false
* toBool({'enableFeatureX': 0 }.enableFeatureX); // false
* toBool({'enableFeatureX': '0' }.enableFeatureX); // false
* toBool({'enableFeatureX': '0 ' }.enableFeatureX); // false
* toBool({'enableFeatureX': 'false' }.enableFeatureX); // false
* toBool({'enableFeatureX': 'falsE ' }.enableFeatureX); // false
* toBool({'enableFeatureX': 'no' }.enableFeatureX); // false
*
* toBool({'enableFeatureX': 1 }.enableFeatureX); // true
* toBool({'enableFeatureX': '-2' }.enableFeatureX); // true
* toBool({'enableFeatureX': 'true' }.enableFeatureX); // true
* toBool({'enableFeatureX': 'false_' }.enableFeatureX); // true
* toBool({'enableFeatureX': 'john doe'}.enableFeatureX); // true
* </code>
*
*/
var toBool = function (value, mapEmptyStringToTrue, defaultVal) {
if (value === undefined) {return Boolean(defaultVal); }
mapEmptyStringToTrue = mapEmptyStringToTrue !== undefined ? mapEmptyStringToTrue : false; // default to false
var strFalseValues = ['0', 'false', 'no'].concat(!mapEmptyStringToTrue ? [''] : []);
if (typeof value === 'string') {
return (strFalseValues.indexOf(value.toLowerCase().trim()) === -1);
}
// value is likely null, boolean, or number
return Boolean(value);
};
使用这个库要轻松。
https://github.com/rohmanhm/force-boolean
你只需要写一行
const ForceBoolean = require('force-boolean')
const YOUR_VAR = 'false'
console.log(ForceBoolean(YOUR_VAR)) // it's return boolean false
它还支持以下内容
return false if value is number 0
return false if value is string '0'
return false if value is string 'false'
return false if value is boolean false
return true if value is number 1
return true if value is string '1'
return true if value is string 'true'
return true if value is boolean true
记住匹配大小写：
var isTrueSet = (myValue.toLowerCase() === 'true');
此外，如果是表单元素复选框，还可以检测是否选中了该复选框：
var isTrueSet = document.myForm.IS_TRUE.checked;
假设如果选中，则“设置”为true。其计算结果为真/假。
function isTrue(val) {
try {
return !!JSON.parse(val);
} catch {
return false;
}
}
我希望这是一个最全面的用例
function parseBoolean(token) {
if (typeof token === 'string') {
switch (token.toLowerCase()) {
case 'on':
case 'yes':
case 'ok':
case 'ja':
case 'да':
// case '':
// case '':
token = true;
break;
default:
token = false;
}
}
let ret = false;
try {
ret = Boolean(JSON.parse(token));
} catch (e) {
// do nothing or make a notification
}
return ret;
}
