Coercizione dei tipi
Fa parte della sezione Fondamenti del percorso JavaScript di Coddy. Lezione 22 di 77.
La coercizione dei tipi in JavaScript è la conversione automatica dei valori da un tipo di dato a un altro. Può avvenire implicitamente in determinate operazioni o esplicitamente quando usi funzioni come String(), Number() o Boolean().
La coercizione implicita dei tipi si verifica spesso quando usi l'operatore di uguaglianza debole == o quando esegui operazioni tra tipi diversi, come sommare un numero a una stringa.
Per esempio:
let result = 5 + "5";
// Contiene "55", perché il numero 5 viene convertito implicitamente nella stringa "5" e poi concatenatolet result = true == 1;
// Risulta true, perché il valore booleano true viene convertito implicitamente nel numero 1La coercizione esplicita dei tipi può essere eseguita usando funzioni integrate:
String(value)converte un valore in una stringa
Number(value)converte un valore in un numero
Boolean(value)converte un valore in un booleano
Per esempio:
let num = "123";
let str = Number(num) + 7; // Contiene 130
console.log(str); let bool = true;
let numBool = Number(bool); // Contiene 1Comprendere la coercizione dei tipi è fondamentale per scrivere codice JavaScript corretto ed evitare risultati imprevisti.
Sfida
PrincipianteTi viene fornito un codice con diverse variabili di tipi differenti.
Il tuo compito è eseguire la coercizione dei tipi e stampare i risultati:
- Converti il numero
numin una stringa e memorizzalo in una variabile chiamataa. - Converti il valore booleano
boolin un numero e memorizzalo in una variabile chiamatab. - Converti la stringa
strin un numero e memorizzala in una variabile chiamatac. - Esegui una coercizione implicita dei tipi concatenando
numconstre memorizza il risultato in una variabile chiamatad.
Usa le funzioni di coercizione esplicita dei tipi (String(), Number()) per i primi tre compiti e osserva la coercizione implicita nell'ultimo.
Provalo tu
// Variabili fornite
let num = 42
let bool = false
let str = "7"
// Scrivi il tuo codice qui sotto
// Non modificare la riga qui sotto
console.log(`a = ${a}`)
console.log(`b = ${b}`)
console.log(`c = ${c}`)
console.log(`d = ${d}`)Questa lezione include un breve quiz. Inizia la lezione per rispondere e tenere traccia dei tuoi progressi.
Tutte le lezioni di Fondamenti
4Operatori - Parte 2
Operatori logici - Parte 1Operatori logici - Parte 2Riepilogo - Logica sempliceOperatori logici - Parte 3Coercizione dei tipi7Calcolatore per dividere il conto
Messaggio di benvenutoCalcolare la mancia e il totale10FizzBuzz con una variante
Panoramica del giocoLa funzione FizzBuzz13Gestore della lista della spesa
Panoramica del progettoAggiungere un elemento2Variabili
NumeriStringheBooleaniConvenzioni di denominazioneVariabili vuoteRiepilogo - Inizializzare le variabiliCostanti3Operatori Parte 1
Operatori aritmeticiOperatore moduloScorciatoie aritmeticheOperatori di confrontoUguaglianza stretta vs non rigorosaRipasso - matematica semplice6Input/Output di base
OutputOutput con variabiliConversione di tipo - Parte 1Conversione di tipo - Parte 2Ripasso - Fino a 120Ripasso - Vero o falsoEsercitati da solo: Compilatore JavaScript online