English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Tutorial di base JavaScript

Oggetto JavaScript

Funzione JavaScript

JS HTML DOM

BOM del browser JS

Tutorial di base AJAX

Manuale di riferimento JavaScript

Conversione di tipo JavaScript

La conversione di tipo è un metodo per convertire un tipo di dati in un altro tipo di dati.

In JavaScript, i tipi di dati vengono utilizzati per classificare un tipo di dati specifico, determinare i valori che possono essere assegnati a tale tipo e le operazioni che possono essere eseguite su di esso.

Tipi di dati JavaScript

In JavaScript, ci sono 5 tipi di dati diversi che possono contenere valori:

  • string

  • number

  • boolean

  • object

  • function

Ci sono 3 tipi di oggetti:

  • Object

  • Date

  • Array

Ci sono anche 2 tipi di dati che non possono contenere valori:

  • null

  • undefined

Il tipo dell'operatore

L'operatore typeof può aiutarti a trovare il tipo della tua variabile.

Il operatore typeof restituisce il tipo di una variabile o di un'espressione.

typeof "" // restituisce "string"
typeof "Vishal"// restituisce "string"
typeof "42"// restituisce "string" (i numeri tra virgolette sono una stringa)
typeof 42  // 返回 "number"
typeof 42 // restituisce "number"
typeof true // restituisce "boolean"
typeof false // restituisce "boolean"
typeof undefined // restituisce "undefined"
typeof null // restituisce "object"
typeof {name:"Vishal", age:22} // restituisce "object"
typeof [2, 4, 6, 8] // restituisce "object" (non "array")
Prova a vedere‹/›

typeof function myFunc(){} // restituisce "function"

Puoi utilizzare l'operatore typeof per trovare il tipo di dati di una variabile JavaScript.

Coercione implicita

Come linguaggio di programmazione, JavaScript è molto tollerante verso valori inattesi. Pertanto, JavaScript cercherà di convertire i valori inattesi invece di rifiutarli direttamente. Questa conversione implicita è chiamata coercizione di tipo.

Ad esempio, negli operazioni matematiche, i valori vengono automaticamente convertiti in numeri.

Ma, i risultati non sono sempre quelli attesi:
"3" + 2 // restituisce "32" (poiché 2 viene convertito in "2")
"3" - 2 // restituisce 1 (poiché "3" viene convertito in 3)
"3" * "2" // restituisce 6 (poiché "3" e "2" vengono convertiti in 3 e 2)
2 + true // restituisce 3 (poiché true viene convertito in 1)
2 + false // restituisce 2 (poiché false viene convertito in 0)
2 + null // restituisce 2 (poiché null viene convertito in 0)
Prova a vedere‹/›

"2" + null // restituisce "2null" (poiché null viene convertito in "null")

In alcuni casi, dobbiamo convertire esplicitamente un valore da un tipo di dati a un altro.

JavaScript fornisce molti metodi diversi per eseguire tali compiti di conversione di tipo di dati.

Ne discuteremo in dettaglio nei prossimi paragrafi.

Possiamo convertire il valore in una stringa chiamandoString()Funzione ox.toString()Metodo per convertire esplicitamente il valore in una stringa.

Tramite questoString()Funzione, valoretruePassare al parametro, trasformando il valore booleano in una stringa:

String(true);// restituisce "true"
Prova a vedere‹/›

Inoltre, possiamo passare un numero a una funzione:

String(108);// restituisce "108"
Prova a vedere‹/›

Possiamo utilizzare l'operatore typeof per controllare il tipo:

typeof String(true);// restituisce "string"
typeof String(108); // restituisce "string"
Prova a vedere‹/›

Possiamo utilizzare in modo similex.toString()Metodo. Possiamo sostituire x con una variabile:

let temp = 108;
temp.toString();
Prova a vedere‹/›

Oppure, possiamo mettere i valori tra parentesi, invece di usare x.toString() per impostare la variabile:

(9048).toString();// restituisce "9048"
(false).toString();   // restituisce "false"
(50 + 20).toString(); // restituisce "70"
Prova a vedere‹/›

UtilizzandoString()ox.toString()Possiamo convertire esplicitamente i valori di tipo Boolean o number in valori di tipo stringa per garantire che il nostro codice funzioni come previsto.

Convertire i valori in numero

Quando convertiamo i valori in tipo di dati numerici, useremoNumber()Funzione.

Prima di tutto, converteremo la stringa di testo numerico in numero, ma possiamo anche convertire i valori booleani.

Possiamo passare una stringa numerica aNumber()Funzione:

Number("1992");// restituisce 1992
Prova a vedere‹/›

Possiamo assegnare una stringa a una variabile e poi convertirlo:

let debt = "3500";
Number(debt); // restituisce 3500
Prova a vedere‹/›

Le stringhe vuote o con spazi vengono convertite in 0 (zero):

Number(" ");// restituisce 0
Number(""); // restituisce 0
Prova a vedere‹/›

    Attenzione, le stringhe non numeriche vengono convertite in NaN, dove NaN rappresentaNon numerici。Questo include i numeri separati da spazi:

Number("seventy");   // restituisce NaN
Number("Hello world");   // restituisce NaN
Number("12,000");// restituisce NaN
Number("5 7");   // restituisce NaN
Number("26-11-2008");// restituisce NaN
Prova a vedere‹/›

Per il tipo di dati booleano,falseIl valore0trueIl valore1:

Number(false);  // restituisce 0
Number(true); // restituisce 1
Prova a vedere‹/›

Se il parametro è un oggetto Date, alloraNumber()La funzione restituisce i millisecondi trascorsi dal mezzanotte del 1 gennaio UTC 1970:

Number(new Date());
Prova a vedere‹/›

QuestoNumber()La funzione converte i tipi di dati non numerici in numeri.

Convertire i valori in valori booleani

Per convertire numeri o stringhe in valori booleani, utilizzare la funzione Boolean().

Qualsiasi valore interpretato come vuoto (ad esempio, il numero 0, una stringa vuota o valori come undefined, NaN o null) viene convertito infalse:

Boolean(0); // ritorna false
Boolean("");// ritorna false
Boolean(undefined); // ritorna false
Boolean(NaN);   // ritorna false
Boolean(null);  // ritorna false
Prova a vedere‹/›

Altri valori vengono convertiti intrueinclusi i testi di stringa composti da spazi:

Boolean(50); // ritorna true
Boolean(-50);// ritorna true
Boolean(3.14);   // ritorna true
Boolean("false");// ritorna true
Boolean("Hello World");  // ritorna true
Prova a vedere‹/›

Attenzione, "0" come testo di stringa viene convertito intrue,poiché è un valore di stringa non vuoto:

Boolean("0");   // ritorna true
Prova a vedere‹/›

Convertire numeri e stringhe in valori booleani ci permette di valutare i termini binari all'interno dei dati e di utilizzarli per specificare lo stream nella programmazione.

Convertire l'array in una stringa

toString()Il metodo trasforma l'array in una stringa di valori di array (separati da virgola).

var months = ["Jan", "Feb", "Mar", "Apr", "May"];
document.getElementById("result").innerHTML = months.toString();
Prova a vedere‹/›

join()Il metodo convertirà tutti gli elementi dell'array in una nuova stringa.

Il comportamento di questo metodo è simile atoString()ma è possibile anche specificare il simbolo di separazione.

var fruits = ["Banana", "Apple", "Mango"];
fruits.join(" + ");   // Banana + Apple + Mango
fruits.join(" / ");   // Banana / Apple / Mango
fruits.join(" © ");  // Banana © Apple © Mango
Prova a vedere‹/›

Quando si aspetta il valore originale, JavaScript trasforma automaticamente l'array in una stringa separata da virgole.

Quando si tenta di esportare un array, è sempre così.

let fruits = ["Apple", "Mango", "Banana", "Orange"];
document.getElementById("result").innerHTML = fruits;
Prova a vedere‹/›

Converti la stringa in un array

split()Il metodo divide la stringa in un array di sottostringhe e restituisce un nuovo array.

Utilizzeremosplit()Il metodo separa l'array con il carattere di spazio rappresentato da " ".

var str = 'Inquinamento atmosferico è l'introduzione di sostanze chimiche nell'atmosfera.';
var arr = str.split(" ");
Prova a vedere‹/›

Ora stiamoarrUna nuova variabile array è stata creata, possiamo accedere a ciascun elemento utilizzando l'indice:

arr[0];   // Air
arr[2];   // is
Prova a vedere‹/›

Nell'esempio seguente, utilizzeremo "i" come separatore:

var str = 'Inquinamento atmosferico è l'introduzione di sostanze chimiche nell'atmosfera.';
var arr = str.split("i");
Prova a vedere‹/›

Se si utilizza una stringa vuota ("") come separatore, la stringa viene convertita in un array di caratteri:

var str = 'Inquinamento atmosferico è l'introduzione di sostanze chimiche nell'atmosfera.';
var arr = str.split("");
Prova a vedere‹/›