HTML选项值发布在布尔而不是字符串上

Question

我有一个简单的 HTML 选择下拉菜单，用户可以在其中更改以下值

<select id="changeIsActive">
    <option value = true>Active</option>
    <option value = false>Inactive</option>
    <option>All</option>
</select>

然后我有一个绑定到 ^ 的事件，它将字符串值“转换”为实际的布尔值。然后布尔值被传递给 Mongo 查询对象，供服务器过滤。

'change #changeIsActive'(e, template) {           
          let retVal;
          switch (e.target.value) {
            case "true":
                retVal = true;
                break;
            case "false":
                retVal = false;
                break;
            case "All":
                retVal = null;
            default:
                break;
        }
    }

有没有更好的方法将“true”和“false”的字符串文字转换为它们的布尔值？谢谢

Answer 1

'change #changeIsActive'(e, template) {           
const obj = {
    'true':true,
    'false':false,
    'All':null
}

const retVal  = obj[e.target.value] 
}