Traitement de plusieurs instructions IF Javascript

Question

Est-il possible de mettre plusieurs instructions IF en Javascript? Si oui, j'ai beaucoup de problèmes avec la déclaration ci-dessous. Je me demandais si vous pouvez mettre une autre instruction IF entre si (données == 'valide') ET sinon? Je veux ajouter un autre si data == 'concept') entre les deux.

if (data == 'valid') { 
    $("#file").slideUp(function() { 
     $("#file").before('<div class="approvedMessage">WIN WIN WIN!</div>'); 
     setTimeout(ApprovedProof, 5000); 
    }); 

    function ApprovedProof() { 
     $("#file").slideDown(); 
     $('.approvedMessage').fadeOut(); 
    } 

} 
else { 

    $("#file").slideUp(function() { 
     $("#file").before('<div class="deniedMessage">NO NO NO!</div>'); 
     setTimeout(DeniedProof, 5000); 
    }); 

    function DeniedProof() { 
     $("#file").slideDown(); 
     $('.deniedMessage').fadeOut(); 
    } 
} 

Answer 1

est ce que vous cherchez?

if(data == 'valid') { 
    // block 1 
} else if (data == 'concept') { 
    // block 2 
} else { 
    // block 3 
} 

Answer 2

vous pouvez utiliser else if

if (data == "valid") { 
    // stuff here 
} else if (data == "concept") { 
    // more stuff 
} else { 
    // other stuff 
} 

Answer 3

Si vous avez l'intention de la variable de données pour contenir de nombreuses valeurs différentes, vous pouvez trouver l'instruction switch mieux adapté à vos besoins:

switch(data) 
{ 
    case "valid": 
    //stuff 
    break; 
    case "concept": 
    //stuff 
    break; 
    case "this": case "that": 
    //more stuff 
    break; 
    default: 
    break; 
} 

Notez que les instructions break après chaque cas, que plusieurs instructions case peuvent être utilisées par condition, et qu'il existe un cas par défaut catch-call qui se déclenchera si rien d'autre ne correspond. L'instruction switch n'est rien de plus qu'une version plus concise de l'instruction If.

Answer 4

Rien à voir avec la question, mais Joey a demandé des éclaircissements à l'aide d'une fonction anonyme avec sa minuterie:

if (data == 'valid') { 
    $("#file").slideUp(function() { 
     $("#file").before('<div class="approvedMessage">WIN WIN WIN!</div>'); 
     setTimeout(function() { 
      $("#file").slideDown(); 
      $('.approvedMessage').fadeOut(); 
     }, 5000); 
    }); 
}