In questo tutorial imparerai a conoscere le conversioni di tipo in JavaScript con l'aiuto di esempi.
Il processo di conversione di un tipo di dati in un altro tipo di dati è chiamato conversione del tipo. Esistono due tipi di conversione del tipo in JavaScript.
- Conversione implicita
- Conversione esplicita
Conversione implicita JavaScript
In determinate situazioni, JavaScript converte automaticamente un tipo di dati in un altro (nel tipo corretto). Questa operazione è nota come conversione implicita.
Esempio 1: conversione implicita in stringa
// numeric string used with + gives string type let result; result = '3' + 2; console.log(result) // "32" result = '3' + true; console.log(result); // "3true" result = '3' + undefined; console.log(result); // "3undefined" result = '3' + null; console.log(result); // "3null"
Nota : quando un numero viene aggiunto a una stringa, JavaScript converte il numero in una stringa prima della concatenazione.
Esempio 2: conversione implicita in numero
// numeric string used with - , / , * results number type let result; result = '4' - '2'; console.log(result); // 2 result = '4' - 2; console.log(result); // 2 result = '4' * 2; console.log(result); // 8 result = '4' / 2; console.log(result); // 2
Esempio 3: risultati stringa non numerici su NaN
// non-numeric string used with +, - , / , * results to NaN let result; result = 'hello' - 'world'; console.log(result); // NaN result = '4' - 'hello'; console.log(result); // NaN
Esempio 4: conversione booleana implicita in numero
// if boolean is used, true is 1, false is 0 let result; result = '4' - true; console.log(result); // 3 result = 4 + true; console.log(result); // 5 result = 4 + false; console.log(result); // 4
Nota: JavaScript considera 0 come falsee tutti i numeri diversi da zero come true. E, se trueviene convertito in un numero, il risultato è sempre 1.
Esempio 5: conversione nulla in numero
// null is 0 when used with number let result; result = 4 + null; console.log(result); // 4 result = 4 - null; console.log(result); // 4
Esempio 6: undefined utilizzato con number, boolean o null
// Arithmetic operation of undefined with number, boolean or null gives NaN let result; result = 4 + undefined; console.log(result); // NaN result = 4 - undefined; console.log(result); // NaN result = true + undefined; console.log(result); // NaN result = null + undefined; console.log(result); // NaN
Conversione esplicita JavaScript
Puoi anche convertire un tipo di dati in un altro secondo le tue esigenze. La conversione del tipo eseguita manualmente è nota come conversione del tipo esplicita.
In JavaScript, le conversioni di tipo esplicite vengono eseguite utilizzando metodi incorporati.
Di seguito sono riportati alcuni metodi comuni di conversioni esplicite.
1. Converti in numero esplicitamente
Per convertire stringhe numeriche e valori booleani in numeri, puoi usare Number(). Per esempio,
let result; // string to number result = Number('324'); console.log(result); // 324 result = Number('324e-1') console.log(result); // 32.4 // boolean to number result = Number(true); console.log(result); // 1 result = Number(false); console.log(result); // 0
In JavaScript, stringhe e nullvalori vuoti restituiscono 0 . Per esempio,
let result; result = Number(null); console.log(result); // 0 let result = Number(' ') console.log(result); // 0
Se una stringa è un numero non valido, il risultato sarà NaN. Per esempio,
let result; result = Number('hello'); console.log(result); // NaN result = Number(undefined); console.log(result); // NaN result = Number(NaN); console.log(result); // NaN
Nota : È inoltre possibile generare numeri da stringhe utilizzando parseInt(), parseFloat(), operatore unario +e Math.floor(). Per esempio,
let result; result = parseInt('20.01'); console.log(result); // 20 result = parseFloat('20.01'); console.log(result); // 20.01 result = +'20.01'; console.log(result); // 20.01 result = Math.floor('20.01'); console.log(result); // 20
2. Converti in stringa in modo esplicito
Per convertire altri tipi di dati in stringhe, puoi usare String()o toString(). Per esempio,
//number to string let result; result = String(324); console.log(result); // "324" result = String(2 + 4); console.log(result); // "6" //other data types to string result = String(null); console.log(result); // "null" result = String(undefined); console.log(result); // "undefined" result = String(NaN); console.log(result); // "NaN" result = String(true); console.log(result); // "true" result = String(false); console.log(result); // "false" // using toString() result = (324).toString(); console.log(result); // "324" result = true.toString(); console.log(result); // "true"
Nota : String()prende nulle undefinede li converte in stringa. Tuttavia, toString()dà errore quandonull are passed.
3. Converti in booleano in modo esplicito
Per convertire altri tipi di dati in un booleano, puoi usare Boolean().
In JavaScript, undefined, null, 0, NaN, ''convertiti false. Per esempio,
let result; result = Boolean(''); console.log(result); // false result = Boolean(0); console.log(result); // false result = Boolean(undefined); console.log(result); // false result = Boolean(null); console.log(result); // false result = Boolean(NaN); console.log(result); // false
Tutti gli altri valori danno true. Per esempio,
result = Boolean(324); console.log(result); // true result = Boolean('hello'); console.log(result); // true result = Boolean(' '); console.log(result); // true
Tabella di conversione del tipo JavaScript
La tabella mostra la conversione di diversi valori in String, Number e Boolean in JavaScript.
Value | String Conversion | Number Conversion | Boolean Conversion |
1 | "1" | 1 | |
0 | "0" | 0 | |
"1" | "1" | 1 | |
"0" | "0" | 0 | |
"ten" | "ten" | | |
| "true" | 1 | |
| "false" | 0 | |
| "null" | 0 | |
| "undefined" | | |
'' | "" | 0 | |
' ' | " " | 0 | |
Imparerai la conversione di oggetti e array in altri tipi di dati nelle esercitazioni successive.
Visita questi esempi per saperne di più:
- Date JavaScript ai numeri
- Date JavaScript alle stringhe
