Perhatian, jebakan

gambar



Saya baru saja menemukan bug yang sangat halus dalam kode pustaka validasi kuartet saya , dan saya ingin membagikannya.



Tugas



Diberikan daftar string: VALID_STRINGS.

Buat fungsi validasi test(x)yang harus mengembalikan trueif xadalah salah satu string dalam larik ini.

Cakupan: x- nilai Javascript apapun

Batasan: Jangan gunakan ES6. (Target - browser lama)



Solusi # 1: Keputusan langsung



Solusi paling sederhana yang bisa dilakukan adalah melalui semua baris dalam larik ini dan membandingkan.



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


underwaterRocktrue. , 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) }




, , .



FAQ:



  1. Typescript: , , API. typescript .

    Typescript. , unknown any. , javascript.
  2. " , , , !"

    — )
  3. includes ? , , .
  4. ES6? , , . №3 , . №4 , . .



All Articles