我刚刚在四方验证库代码中发现了一个非常微妙的错误,我想分享它。
任务
给定一个字符串列表:VALID_STRINGS。
创建一个验证函数test(x)
,true
如果x
该数组中的字符串之一,则该函数应返回。
范围:x
-任何Javascript值
限制:请勿使用ES6。(目标-旧的浏览器)
解决方案1:正面决策
最简单的解决方案是遍历此数组中的所有行并进行比较。
const VALID_STRINGS = [/* VALID STRINGS */]
function test1(x) {
for (let i = 0; i < VALID_STRINGS.length; i++) {
if (VALID_STRINGS[i] === x) return true
}
return false
}
, , . O( VALID_STRINGS)
, (indexOf, includes, some, reduce ...). , .
№2:
, .
. . .
const VALID_STRINGS = [/* VALID STRINGS */]
const VALID_STRINGS_DICT = {}
for (let i = 0; i < VALID_STRINGS.length; i++) {
const validString = VALID_STRINGS[i]
VALID_STRINGS_DICT[validString ] = true
}
function test2(x) {
return VALID_STRINGS_DICT[x] === true
}
!
! !
, . , — VALID_STRINGS. :
//
const VALID_STRINGS = ['somestring', 'anotherstring']
// ,
const VALID_STRINGS_DICT = { somestring: true, anotherstring: true }
const underwaterRock = ['somestring']
test2(underwaterRock) // true
underwaterRock
— true
. , test2(x)
x
.
VALID_STRINGS_DICT[x]
— x . — . — .
['somestring'].toString() === 'somestring'
№3:
x
const VALID_STRINGS = [/* VALID STRINGS */]
const VALID_STRINGS_DICT = {}
for (let i = 0; i < VALID_STRINGS.length; i++) {
const validString = VALID_STRINGS[i]
VALID_STRINGS_DICT[string] = true
}
function test2(x) {
return typeof x === 'string' && VALID_STRINGS_DICT[x] === true
}
, .
№4: Set
ES6. .
const VALID_STRINGS = [/* VALID STRINGS */]
const validStringsSet = new Set(VALID_STRINGS)
function test4(x) { return validStringsSet.has(x) }
, , .