Template literals
Fa parte della sezione Logica e flusso del percorso JavaScript di Coddy. Lezione 3 di 65.
` per creare stringhe e ti permettono di inserire espressioni usando ${}.Per esempio, quando crei dei saluti, puoi incorporare dinamicamente nomi o altri dati direttamente nella stringa modello. Puoi anche includere simboli come $ inserendoli direttamente tra gli accenti gravi.Esempio:
FORMATO DI OUTPUT RICHIESTO:
const userName = "Sam";
const price = 5;
const message = `Welcome, ${userName}! Your total is $${price}.`;
// Inserisce userName e price all'interno della stringa\n.Puoi semplicemente premere Invio per andare a capo e l'interruzione di riga verrà mantenuta nell'output. Entrambi gli approcci funzionano:// Usando \n
const message1 = `Line 1\nLine 2`;
// Usando vere interruzioni di riga
const message2 = `Line 1
Line 2`;Sfida
FacileCrea una funzione chiamata greetAll che accetta un array di nomi e restituisce una stringa. Ogni nome nell'array deve generare una riga nel formato Hello, <Name>!, unita in un'unica stringa e separata da caratteri di nuova riga. Usa i template literal per le righe di saluto.
Provalo tu
function greetAll(names) {
// Scrivi il tuo codice qui
}
// Non scrivere nulla al di fuori della funzioneQuesta lezione include un breve quiz. Inizia la lezione per rispondere e tenere traccia dei tuoi progressi.
Tutte le lezioni di Logica e flusso
1Le stringhe in dettaglio
Fondamenti delle stringheIterare sulle stringheTemplate literalsMetodi delle stringheRiepilogo - Intrecciatore di stringhe4JSON Parte 2
Iterare su JSONJSON annidatoOptional chaining in JSONCopia superficiale e profondaRipasso - Negozio di bicicletteRipasso - Sistema solare7Sistema di gestione della biblioteca
Panoramica del progettoAggiungere libri10Gestire il sistema del festival
Panoramica del progettoAggiungere film e sale2Array multidimensionali
Nozioni di base sugli array 2DAccesso agli elementi di un array 2DCicli annidati con array 2DRipasso: array 2DAddizione e sottrazione di matriciArray frastagliatiArray 3D e oltreSchemi comuni con array 2DRipasso: tutto sugli array5Insiemi Parte 1
Che cos'è un insieme?Iterare sugli insiemiAggiungere un elementoRimuovere un elementoVerificare se un elemento esisteDimensione e verifica del vuotoCopiare e svuotareRiepilogo - Nozioni di base sugli insiemi8Argomenti interessanti sugli array
Destrutturazione degli arraySintassi spread negli arrayArray sparsiRiepilogo - Laboratorio sugli array3JSON Parte 1
Che cos'è JSON?Verificare se una chiave esisteMetodi degli oggettiL'operatore spread Parte 1L'operatore spread Parte 2Rimuovere le chiaviRipasso - Manipolare le chiavi in JSONEsercitati da solo: Compilatore JavaScript online