在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);