Dize olarak geçiş yapma durumu

Question

$(document).ready(function(){ 

    createForm("text,password",".content"); 

}); 

function createForm(types,object){ 

    typ = types.split(','); 

    //var source = ""; 

    $.each(typ,function(){ 

     switch(this){ 

      case "text": 
      console.log('text');break; 
      default: console.log('default');break; 
     } 


    }); 
    //$(object).html(source); 
} 

Bu kod bir konsolda 2xdefaults döndürüyor. Niye ya? Zaten bir göz

Ben metin veya şifre olarak her türü için bir girdi dönmek çalışıyorum ama benim anahtarı jQuery ile yapmak doğru bir yol "TYP"

Answer 1

nedeni each çağrı içinde this bir String nesne örneği değil, ilkel bir dize olmasıdır. JavaScript'in ikisi de var. Bir switch deyiminde, vakalarla karşılaştırmaaracılığıyla ve örneği dize ilkel bir dizeye === değil. bunu düzeltmek için

üç yolu vardır:

1. Size anahtarı değiştirirseniz:

   switch (String(this)) { 
   

   ... bu senin switch eser bunun üzerine, ilkel haline geri dönecek. VisioN olarak

2. aşağıdaki yorum işaret, bağımsız değişkenler kullanan $.each geçer (her bir dize ilkel   — ikinci bağımsız olarak temin edilecektir olarak   —) herhangi

   $.each(typ, function(index, value) { 
       switch (value) { 
        // ... 
       } 
   }); 
   

3. Kullanım the alternatives discussed in this other answer (bunlardan biri basit bir for döngüdür).

---

Yan not: Eğer typ değişkeni bildirerek vermeyerek The Horror of Implicit Globals tuzağına düşüyoruz.

Answer 2

jQuery, burada overkill tanımıyor TJ Kalabalıklar cevap veriyor.

Standart for -loop kullanarak daha basit bir yöntem öneririm. Düzgün çalışır: bu davranışı görüyoruz

var types = "text,password".split(","); 
for (var i = 0; i < types.length; i++) { 
    switch(types[i]){ 
     case "text": 
      console.log('text'); 
     break; 
     default: 
      console.log('default'); 
     break; 
    } 
} 

Answer 3

$.each işlevini yanlış kullanıyorsunuz. Bu gibi görünmelidir:

$.each(typ, function(key, value) { 
    switch(value){ 

     case "text": 
      console.log('text');break; 
     default: 
      console.log('default');break; 
    } 
}); 

Answer 4

deneyin switch(this) yerine switch(String(this)) kullanarak. Ve elbette, değişkenlerinizi başlatınız.