Quando usar a instrução switch para programar html com javascript

Video: Curso de javascript - Aula 5 (Switch e Else If)

Apesar de E se declaração é comumente usado para escolhas simples em javascript, o interruptor declaração é usada para lidar com uma gama de escolhas. UMA interruptor fornece uma maneira elegante de lidar com dados variáveis. Existem duas formas de interruptor declaração.

Video: Programar em C - Como Utilizar "switch" - Aula 16

O primeiro fornece os meios para trabalhar com um intervalo predefinido de opções, eo segundo fornece os meios para trabalhar com dados que podem conter informações inesperadas. Esta segunda forma faz com que o interruptor declaração particularmente útil porque os usuários são imprevisíveis, e essa segunda forma pode tomar tais usuários em conta.

Como criar um interruptor básico em javascript

Muitos desenvolvedores preferem interruptor declarações sobre aninhada E se declarações porque o interruptor declarações são mais fáceis de entender. UMA interruptor declaração também exige menos digitação para se obter o mesmo resultado.

Video: Switch statement in javascript

função CheckChoice (opção) {// Verifique se a entrada é um number.if (typeof (opção)! = "número") {// Exibir uma dialog.alert erro ("Por favor, forneça a entrada numérica!") - // Retorna sem fazer nada more.return -} // Certifique-se que a opção é realmente um integer.var Selecione = Math.round (opção) - // Verificar se a entrada está no range.if ((Selecionar lt; 1) || (Selecione gt; 3)) {// Exibir uma dialog.alert erro ("O valor fornecido está fora de alcance!") - // Retorna sem fazer nada more.return -} // Faz um selection.switch (Selecionar) {case 1: document.getElementById ("Resultado") = .innerHTML"Você escolheu item A."-break-case 2: document.getElementById ("Resultado") = .innerHTML"Você escolheu item B."-break caso 3: document.getElementById ("Resultado") = .innerHTML"Você escolheu item C."-pausa-}}

Se você usa um interruptor declaração ou aninhada E se declaração, você precisa fornecer lógica para garantir que a entrada está correta, ou então a sua aplicação provavelmente irá falhar. Neste caso, a falha equivale à aplicação não fazer nada, mas o conceito de falha é a mesma. Sempre verifique suas entradas para os valores corretos.

Algumas pessoas têm dificuldade em entender onde o valor de verdade reside no interruptor declaração. o interruptor declaração requer uma variável, que é selecionar nesse caso. Cada caso cláusula realiza uma comparação com a variável. Consequentemente, você pode ver a primeira caso cláusula como dizendo: caso Select == 1.

Ao trabalhar com interruptor declarações, você também deve incluir uma pausa declaração no final de cada segmento de processamento. o pausa declaração simplesmente diz que o caso foi avaliada e tratada.

Se você deixar o pausa declaração fora, o código continua com a próxima instrução executável no próximo caso. Esta condição é conhecida como Cair em, e alguns desenvolvedores usá-lo como uma técnica de programação para combinar tarefas e reduzir a quantidade de código necessário. Usando esta técnica é perigoso, porque outros desenvolvedores podem não perceber que a queda-through é necessária e, portanto, pode adicionar uma pausa declaração para você.

Como usar a opção padrão de javascript

o interruptor declaração inclui uma outra cláusula, o padrão cláusula. o padrão cláusula é como a cláusula else para o E se declaração. Quando nenhum dos caso cláusulas forem verdadeiras, o código executa o código no padrão cláusula. O exemplo a seguir utiliza o padrão cláusula para modificar a forma como o exemplo funciona.

MakeAChoice function () {// Peça ao usuário para fornecer Seleção input.var = prompt ("Digite uma opção de menu.") - // Converte a string para um number.var IntSelect = parseInt (Selecção) - // Verifique se o usuário forneceu um number.if (isNaN (IntSelect)) {// Exibir uma dialog.alert erro ("Por favor, forneça a entrada numérica!") - // Retorna sem fazer nada more.return -} // Chamar o function.CheckChoice selecção (IntSelect) -}

Em vez de fornecer uma infinidade de botões, este exemplo baseia-se na pronto() caixa de diálogo para obter a entrada do usuário. O resultado é a interface mais limpa. Quando o usuário clica Escolha um item de menu, o aplicativo exibe uma pronto() caixa de diálogo, onde o usuário pode inserir um valor.

Você pode pensar que esta é uma receita para o desastre, mas o aplicativo executa as mesmas verificações de validade de entrada como antes, mas ele usa uma técnica diferente.

Video: Curso de javascript - Condicional Switch / Case

Neste caso, o aplicativo usa partInt () para verificar que a entrada é um número e para converter o número para um valor inteiro. Quando a entrada é incorrecto, IntSelect está definido para Not a Number (NaN). O exemplo detecta esse problema usando o isNaN () função. Quando um usuário não fornecer uma entrada numérica, o aplicativo chama CheckChoice (), o qual é mostrado no seguinte código:

CheckChoice função (opcional) {// Faça uma selection.switch (opção) {case 1: document.getElementById ("Resultado") = .innerHTML"Você escolheu item A."-break-case 2: document.getElementById ("Resultado") = .innerHTML"Você escolheu item B."-break caso 3: document.getElementById ("Resultado") = .innerHTML"Você escolheu item C."-break-default: // exibe uma dialog.alert erro ("O valor fornecido está fora de alcance!")-pausa-}}

Você pode estar se perguntando onde o resto do código é, mas isso é tudo que você precisa. o interruptor instrução verifica para valores de 1, 2, ou 3. Quando os valores estão fora desse intervalo, o código usa a cláusula padrão, que contém a mensagem de erro fora-de-gama. Como você pode ver, estas duas funções fazem as tarefas de trabalhar com o menu muito mais simples tanto para desenvolvedor e usuário.