在HTML中，属性的值最终变成字符串。为了在不希望出现的情况下减轻这种情况，您可以使用一个函数将它们有条件地解析为它们在JavaScript或任何其他感兴趣的编程语言中表示的值。

以下是从字符串类型恢复布尔类型的说明，但它也可以进一步扩展到其他数据类型，如数字、数组或对象。

除此之外，JSON.parse还有一个作为函数的复活参数。它也可以用来实现同样的目的。

让我们调用一个看起来像布尔值的字符串“true”，一个布尔值字符串，同样我们也可以调用一个像数字“1”的字符串，一个数字字符串。然后我们可以确定字符串是否为布尔字符串：

const isBooleanString = (string) => ['true', 'false'].some(item => item === string);

之后，我们需要通过JSON.parse方法将布尔字符串解析为JSON：

JSON.parse(aBooleanString);

但是，任何不是布尔字符串、数字字符串或任何字符串化对象或数组（任何无效的JSON）的字符串都会导致JSON.parse方法抛出SyntaxError。

因此，您需要知道如何调用它，即它是否为布尔字符串。您可以通过编写一个函数来实现这一点，该函数进行上述定义的布尔字符串检查并调用JSON.parse：

function parse(string){
  return isBooleanString(string) ? JSON.parse(string)
    : string;
}

通过进一步参数化isBooleanString实用程序以接受接受的布尔字符串的可选数组，可以进一步概括isBooleanString实用程序，从而对什么是布尔字符串具有更广泛的视角：

const isBooleanString = (string, spec = ['true', 'false', 'True', 'False']) => spec.some(item => item === string);

我对这个问题的看法是，它旨在满足三个目标：

对于truthy和falsy值，返回true/false，但对于多个字符串值，如果它们是布尔值而不是字符串，则返回truthy或falsy。第二，提供一个弹性接口，使指定值以外的值不会失败，而是返回默认值第三，用尽可能少的代码完成所有这些。

使用JSON的问题是它会导致Javascript错误而失败。该解决方案不具有弹性（尽管它满足1和3）：

JSON.parse("FALSE") // fails

此解决方案不够简洁：

if(value === "TRUE" || value === "yes" || ...) { return true; }

我正在为Typecast.js解决这个确切的问题。这三个目标的最佳解决方案是：

return /^true$/i.test(v);

它适用于许多情况，在传入像{}这样的值时不会失败，而且非常简洁。它还返回false作为默认值，而不是undefined或抛出Error，这在松散类型的Javascript开发中更有用。其他的答案都表明了这一点！

我发现，对布尔值使用“1”和空值“”比使用“true”或“false”字符串值更有效。。。特别是对于html表单，因为Dom元素中的未初始化/空值将始终求值为false，而其中的任何值都求值为true。

例如：

<input type='button' onclick='this.value = tog(this.value);' />

<script type="text/javascript">

    function tog(off) {
        if(off) {
            alert('true, toggle to false');
            return '';
        } else {
            alert('false, toggle to true');
            return '1';
        }
    }   
</script>

似乎是一条更容易的路，到目前为止，这条路一直很稳定/容易。。。也许有人能找到打破这种局面的方法？

    MyLib.Convert.bool = function(param) {
         var res = String(param).toLowerCase();
         return !(!Boolean(res) || res === "false" || res === "0");
     }; 

Do:

var isTrueSet = (myValue === 'true');

使用标识运算符（==），当比较的变量具有不同的类型时，它不会进行任何隐式类型转换。

如果字符串为“true”，则将isTrueSet设置为布尔值true；如果字符串为字符串“false”或根本未设置，则将为布尔值false。

不要：

您可能应该谨慎使用这两种方法来满足您的特定需求：

var myBool = Boolean("false");  // == true

var myBool = !!"false";  // == true

任何不是空字符串的字符串都将通过使用它们计算为true。尽管它们是我能想到的关于布尔转换的最干净的方法，但我认为它们并不是你想要的。

我编写了一个函数来匹配PHP的filter_var，它做得很好。要点如下：https://gist.github.com/CMCDragonkai/7389368

/**
 * Parses mixed type values into booleans. This is the same function as filter_var in PHP using boolean validation
 * @param  {Mixed}        value 
 * @param  {Boolean}      nullOnFailure = false
 * @return {Boolean|Null}
 */
var parseBooleanStyle = function(value, nullOnFailure = false){
    switch(value){
        case true:
        case 'true':
        case 1:
        case '1':
        case 'on':
        case 'yes':
            value = true;
            break;
        case false:
        case 'false':
        case 0:
        case '0':
        case 'off':
        case 'no':
            value = false;
            break;
        default:
            if(nullOnFailure){
                value = null;
            }else{
                value = false;
            }
            break;
    }
    return value;
};