Esercitazione JS

JS CASA JS Introduzione JS Dove si va Uscita JS Dichiarazioni JS Sintassi JS Commenti JS Variabili JS JS Let JS Cost Operatori JS JS aritmetica Assegnazione JS Tipi di dati JS Funzioni JS Oggetti JS Eventi JS Corde JS Metodi di stringa JS Ricerca di stringhe JS Modelli di stringhe JS Numeri JS Metodi numerici JS Matrici JS Metodi array JS Ordinamento matrice JS Iterazione dell'array JS Cost. array JS Date JS Formati data JS Metodi di acquisizione della data JS Metodi di impostazione della data JS JS matematica JS Casuale JS booleani Confronti JS Condizioni JS JS Switch Ciclo JS per JS Loop per In Ciclo JS per di JS Loop mentre JS Break Iterabili JS Insiemi JS Mappe JS Tipo JS Conversione del tipo JS JS bit a bit JS RegExp Errori JS Ambito JS JS sollevamento Modalità rigorosa JS JS questa parola chiave Funzione freccia JS Classi JS JS JSON Debug JS Guida allo stile JS Migliori Pratiche JS Errori di JS Prestazioni JS Parole riservate JS

Versioni JS

Versioni JS JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / Edge Storia di JS

Oggetti JS

Definizioni di oggetti Proprietà dell'oggetto Metodi dell'oggetto Visualizzazione di oggetti Accessori per oggetti Costruttori di oggetti Prototipi di oggetti Iterabili di oggetti Insiemi di oggetti Mappe degli oggetti Riferimento all'oggetto

Funzioni JS

Definizioni delle funzioni Parametri di funzione Invocazione di funzione Chiamata di funzione Funzione Applica Chiusure di funzioni

Classi JS

Introduzione alla classe Eredità di classe Classe statica

JS Async

Richiamate JS JS asincrono JS Promesse JS Async/Attendere

JS HTML DOM

DOM Introduzione Metodi DOM Documento DOM Elementi DOM DOM HTML Moduli DOM DOM CSS Animazioni DOM Eventi DOM Ascoltatore di eventi DOM Navigazione DOM Nodi DOM Collezioni DOM Elenchi di nodi DOM

Distinta base del browser JS

Finestra JS Schermo JS Posizione JS Storia di JS Navigatore JS Avviso popup JS JS tempismo Biscotti JS

API Web JS

Introduzione all'API Web API dei moduli Web API Cronologia web API di archiviazione Web API Web Worker API di recupero Web API di geolocalizzazione web

JS AJAX

Introduzione all'Ajax AJAX XMLHttp Richiesta AJAX Risposta dell'AJAX File XML AJAX AJAX PHP AJAX ASP Database AJAX Applicazioni AJAX Esempi AJAX

JS JSON

Introduzione JSON Sintassi JSON JSON contro XML Tipi di dati JSON Analisi JSON JSON Stringify Oggetti JSON Matrici JSON Server JSON JSON PHP JSON HTML JSON JSONP

JS vs jQuery

Selettori jQuery jQuery HTML jQuery CSS jQuery DOM

Grafica JS

Grafica JS Tela JS JS Plotly JS Chart.js Grafico di Google JS JS D3.js

Esempi JS

Esempi JS JS HTML DOM Input HTML JS Oggetti HTML JS Eventi HTML JS Browser JS Editore JS Esercizi JS Quiz J.S Certificato JS

Riferimenti JS

Oggetti JavaScript Oggetti HTML DOM


Dichiarazione di commutazione JavaScript


L' switchistruzione viene utilizzata per eseguire diverse azioni in base a condizioni diverse.


L'istruzione Switch JavaScript

Utilizzare l' switchistruzione per selezionare uno dei tanti blocchi di codice da eseguire.

Sintassi

switch(expression) {
  case x:
    // code block
    break;
  case y:
    // code block
    break;
  default:
    // code block
}

È così che funziona:

  • L'espressione switch viene valutata una volta.
  • Il valore dell'espressione viene confrontato con i valori di ciascun caso.
  • Se c'è una corrispondenza, viene eseguito il blocco di codice associato.
  • Se non c'è corrispondenza, viene eseguito il blocco di codice predefinito.

Esempio

Il getDay()metodo restituisce il giorno della settimana come un numero compreso tra 0 e 6.

(domenica=0, lunedì=1, martedì=2 ..)

Questo esempio utilizza il numero del giorno della settimana per calcolare il nome del giorno della settimana:

switch (new Date().getDay()) {
  case 0:
    day = "Sunday";
    break;
  case 1:
    day = "Monday";
    break;
  case 2:
     day = "Tuesday";
    break;
  case 3:
    day = "Wednesday";
    break;
  case 4:
    day = "Thursday";
    break;
  case 5:
    day = "Friday";
    break;
  case 6:
    day = "Saturday";
}

Il risultato della giornata sarà:

Sunday


La parola chiave di rottura

Quando JavaScript raggiunge una break parola chiave, esce dal blocco switch.

Ciò interromperà l'esecuzione all'interno del blocco switch.

Non è necessario interrompere l'ultimo caso in un blocco interruttori. Il blocco si rompe (finisce) comunque lì.

Nota: se si omette l'istruzione break, il caso successivo verrà eseguito anche se la valutazione non corrisponde al caso.


La parola chiave predefinita

La defaultparola chiave specifica il codice da eseguire se non c'è corrispondenza tra maiuscole e minuscole:

Esempio

Il getDay()metodo restituisce il giorno della settimana come un numero compreso tra 0 e 6.

Se oggi non è né sabato (6) né domenica (0), scrivi un messaggio predefinito:

switch (new Date().getDay()) {
  case 6:
    text = "Today is Saturday";
    break;
  case 0:
    text = "Today is Sunday";
    break;
  default:
    text = "Looking forward to the Weekend";
}

Il risultato del testo sarà:

Today is Sunday

Il defaultcaso non deve essere l'ultimo caso in un blocco di interruttori:

Esempio

switch (new Date().getDay()) {
  default:
    text = "Looking forward to the Weekend";
    break;
  case 6:
    text = "Today is Saturday";
    break;
  case 0:
    text = "Today is Sunday";
}

Se defaultnon è l'ultimo caso nel blocco switch, ricorda di terminare il caso predefinito con una pausa.


Blocchi di codice comuni

A volte vorrai che diversi switch case utilizzino lo stesso codice.

In questo caso di esempio 4 e 5 condividono lo stesso blocco di codice e 0 e 6 condividono un altro blocco di codice:

Esempio

switch (new Date().getDay()) {
  case 4:
  case 5:
    text = "Soon it is Weekend";
    break;
  case 0:
  case 6:
    text = "It is Weekend";
    break;
  default:
    text = "Looking forward to the Weekend";
}

Dettagli di commutazione

Se più casi corrispondono a un valore di caso, viene selezionato il primo caso.

Se non vengono trovati casi corrispondenti, il programma continua con l' etichetta predefinita .

Se non viene trovata alcuna etichetta predefinita, il programma continua con le istruzioni dopo lo switch .


Confronto rigoroso

I casi di commutazione utilizzano il confronto rigoroso (===).

I valori devono essere dello stesso tipo per corrispondere.

Un confronto rigoroso può essere vero solo se gli operandi sono dello stesso tipo.

In questo esempio non ci sarà corrispondenza per x:

Esempio

let x = "0";
switch (x) {
  case 0:
    text = "Off";
    break;
  case 1:
    text = "On";
    break;
  default:
    text = "No value found";
}

Mettiti alla prova con gli esercizi

Esercizio:

Crea una switchdichiarazione che avviserà "Ciao" se fruitsè "banana" e "Benvenuto" se fruitsè "mela".

(fruits) {
  "Banana":
    alert("Hello")
    break;
  "Apple":
    alert("Welcome")
    break;    
}