Tipi di dati JavaScript

Tipi di dati (tipi fondamentali): Stringa (String), Numero (Number), Booleano (Boolean), Vuoto (Null), Non definito (Undefined), Symbol. Tipi di dati di riferimento: Oggetto (Object), Array (Array), Funzione (Function).

Tipi di datiUsati per classificare dati specifici in un linguaggio di programmazione.

Ad esempio, i numeri e le stringhe sono tipi di dati diversi e JavaScript li gestisce in modo diverso.

Le variabili JavaScript possono contenere moltiTipi di dati：numeri, stringhe, array, oggetti, ecc.:

　var length = 4; // Numero numero
　var firstName = "Vishal"; // Stringa stringa
　var user = {firstName:"Vishal", age:22}; // Oggetto oggetto
　var fruits = ["Apple", "Mango", "Banana"]; // Array array

I tipi di JavaScript sono dinamici

JavaScript è un linguaggio di programmazione a tipo debole o dinamico. Le variabili JavaScript non sono direttamente associate a un tipo di valore specifico e possono essere assegnate (e riassegnate) a qualsiasi tipo di valore.

var x = 20; // x è un numero
x = "VISHAL"; // x è una stringa
x = true; // x è un valore booleano

Numeri JavaScript

JavaScript ha solo un tipo di numero, senza specifiche separate per interi e numeri a virgola mobile.

Di conseguenza, i numeri possono essere scritti in JavaScript con o senza decimale.

var a = 25; // Senza decimale
var b = 80.05; // Decimale a destra

In entrambi i casi, il tipo di dati è un numero e è lo stesso indipendentemente dal fatto che il numero abbia o meno un punto decimale.

Puoi utilizzare la notazione esponenziale scientifica in JavaScript per abbreviare numeri molto grandi o molto piccoli, come negli esempi seguenti:

let num1 = 957e8; // 95700000000
let num2 = 957e-8; // 0.00000957

Approfondirai ulteriormente il tipo di numero in parte posteriore di questa guida.

Stringhe JavaScript

Una stringa è una sequenza di uno o più caratteri (lettere, numeri, simboli). Le stringhe sono molto utili perché rappresentano dati testuali.

Le stringhe JavaScript vengono utilizzate per memorizzare e gestire il testo.

A differenza di altri linguaggi, JavaScript non fa differenza tra virgolette singole e doppie.

var msg1 = "Hello world"; // Usa virgolette doppi
var msg2 = 'Hello world'; // Usa virgolette singole

Puoi utilizzare virgolette all'interno di una stringa, purché non corrispondano a quelle intorno alla stringa:

var str1 = 'She said "Hey" and left'; // Virgolette doppi all'interno di virgolette singoli
var str2 = "She said 'Hey' and left"; // Virgolette singole all'interno di virgolette doppi
var str3 = "Let's have a cup of tea"; // Singoli apici all'interno di virgolette doppi
var str4 = 'We\'ll never give up'; // Usare backslash per escapare singoli apici

Imparerai di più sulle stringhe nella parte posteriore di questa guida.

Valore booleano JavaScript

Il tipo di dati booleano può essere uno dei due valori, ovvero true o false.

I valori booleani vengono utilizzati spesso nei test di condizione.

(5 > 10) // Restituisce false
(5 < 10) // Restituisce true
("Apple" === "Apple") // Restituisce true

Imparerai di più sui valori booleani nella parte posteriore di questa guida.

Array JavaScript

Gli array vengono utilizzati per memorizzare più valori in un singolo variabile.

Gli array JavaScript sono racchiusi tra parentesi quadre [].

Gli elementi dell'array sono separati da virgola.

Il codice seguente dichiara (crea) un array chiamato fruits, che contiene tre elementi (nomi di tre frutti):

var fruits = ["Apple", "Mango", "Banana"];

Ogni elemento o valore interno dell'array è chiamato elemento. Puoi riferirti agli elementi dell'array utilizzando il numero di indice.

L'indice degli array in JavaScript è zero: l'indice del primo elemento dell'array è 0, il secondo elemento è 1, e così via.

Imparerai di più sugli array nella parte posteriore di questa guida.

Oggetto JavaScript

In JavaScript, gli oggetti possono essere considerati come una raccolta di proprietà.

Gli oggetti JavaScript sono racchiusi tra parentesi graffe {}.

Le proprietà degli oggetti sono scritte cosìNome: valoreSì, separati da virgola.

var user = {firstName:"Vishal", age:22, color:"blue", location:"unknown"};

Nell'esempio, l'oggetto (utente) ha 4 proprietà: firstName, age, color e location.

Imparerai di più sugli oggetti nella parte posteriore di questa guida.

Il tipo dell'operatore

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

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

// Restituisce "string"
typeof "Vishal"// Restituisce "string"
typeof "42"// Restituisce "string" (il numero all'interno delle virgolette è una String)
typeof 42// Restituisce "number"
typeof true// Restituisce "boolean"
typeof false// Restituisce "boolean"
typeof undefined// Restituisce "undefined"
typeof null// Restituisce "oggetto"
typeof {name:"Vishal", age:22} // Restituisce "oggetto"
typeof [2, 4, 6, 8]// Restituisce "oggetto" (non "array", vedere nota sotto)
typeof function myFunc(){} // Restituisce "function"

Nota:Il operatore typeof restituisce "oggetto" per gli array, perché negli array JavaScript sono oggetti.

undefined (non definito)

undefinedIl valore indica che non è stato assegnato alcun valore alla variabile, o che la variabile non è stata dichiarata.

var city; // Valore non definito

Il tipo è ancheundefined.

typeof city // "undefined"

Puoi svuotare qualsiasi variabile impostando il suo valore suundefined. Il tipo sarà ancheundefined.

city = undefined; // Valore non definito, tipo non definito

null (vuoto)

Il valorenullrappresenta l'intenzione di non avere alcun valore oggetto.

In JavaScript, il tipo di datinullè un oggetto.

Puoi svuotare qualsiasi oggetto impostando il suo valore sunull.

var user = {firstName:"Vishal", age:"22", color:"blue"};
user = null; // Ora il valore è null, ma il tipo è ancora un oggetto

Puoi anche svuotare un oggetto impostando il suo valore suundefined.

var user = {firstName:"Vishal", age:"22", color:"blue"};
user = undefined; // Valore e tipo non definiti

la differenza tra null (vuoto) e undefined (non definito)

nullconundefinedvalori uguali ma tipi diversi.

typeof null // "oggetto" (non "null" per motivi legacy)
typeof undefined // "undefined"

Quando si verificanulloundefinedAttenzione alla differenza tra gli operatori di uguaglianza (==) e identità (===), poiché il primo esegue la conversione di tipo.

null == undefined // true
null === undefined // false

Gestione di più tipi di dati contemporaneamente

Anche se ogni programma che crei conterrà molti tipi di dati.

Quando si utilizzano operatori che lavorano con tipi di dati misti (ad esempio + che può aggiungere numeri o connettere stringhe), possono verificarsi risultati imprevisti.

Quando si aggiungono numeri e stringhe, JavaScript considera i numeri come stringhe.

var x = 5 + "Sky";

Quando si aggiungono stringhe e numeri, JavaScript considera i numeri come stringhe.

var x = "Sky" + 5;

JavaScript calcola l'espressione da sinistra a destra. Sequenze diverse possono produrre risultati diversi:

var x = 5 + 3 + "Sky";

var x = "Sky" + 5 + 3;

Nel primo esempio, JavaScript considera 5 e 3 come numeri fino a raggiungere "Sky".

Nel secondo esempio, poiché il primo operando è una stringa, tutti gli operandi vengono considerati come stringhe.