Introduzione ai tipi di dati in JavaScript

Un tipo di dati definisce il tipo e il comportamento dei dati: indica al compilatore o all'interprete come un programmatore intende utilizzare un dato. La maggior parte dei linguaggi di programmazione supporta tipi di dati di base come numero, booleano, stringa, ecc.

JavaScript supporta otto tipi di dati: Number, BigInt, Boolean, String, Null, Undefined, Symbol e Object. In questo articolo imparerai a conoscere tutti e otto i tipi di dati JavaScript e come usarli.

Tipi di dati JavaScript

I tipi di dati in JavaScript possono essere classificati in due categorie: tipi di dati primitivi e tipi di dati non primitivi. Un oggetto è un tipo di dati non primitivo o complesso e il resto sono tipi di dati primitivi.

JavaScript è un linguaggio digitato dinamicamente, il che significa che i tipi di variabili vengono controllati durante l'esecuzione. La stessa variabile può contenere valori di tipo diverso in qualsiasi momento.

Per esempio:

// x è una stringa
let x = "Ciao, Mondo";
// x è un numero
x = 100;
// x ora è un booleano
x = vero;

Se vuoi trovare il tipo di dati corrente di una variabile, usa il tasto tipo di operatore.

// x è una stringa
let x = "Ciao, Mondo";
console.log (tipo di (x));
// x è un numero
x = 100;
console.log (tipo di (x));
// x ora è un booleano
x = vero;
console.log (tipo di (x));

Produzione:

corda
numero
booleano

1. Tipo di dati numerico in JavaScript

Il tipo di dati numero in JavaScript utilizza il IEEE-754 formato per rappresentare sia numeri interi che numeri a virgola mobile. Puoi eseguire molte operazioni sui numeri in JavaScript come addizione, sottrazione, divisione, moltiplicazione e così via. Per eseguire operazioni più complesse, è possibile utilizzare il built-in Oggetto matematico.

Alcuni esempi per creare numeri in JavaScript:

// Utilizzo della dichiarazione letterale
sia n1 = 100;
sia n2 = 456,234;
// Utilizzo del costruttore Number()
sia n3 = Numero (100);
// Conversione in intero
let n4 = Number.parseInt("456.234");
// Conversione in float
let n5 = Number.parseFloat("456.234");
let n6 = Number.parseFloat("1.13e3");
// Conversione unaria in numero
sia n7 = +"345";
console.log (n1);
console.log (n2);
console.log (n3);
console.log (n4);
console.log (n5);
console.log (n6);
console.log (n7);

Produzione:

100
456.234
100
456
456.234
1130
345

Numeri interi

La seguente istruzione crea una variabile che contiene un numero intero:

sia x = 21;

Se vuoi creare letterali ottali (base 8), devi usare il 0o prefisso con la sequenza di cifre ottali (cifre da 0 a 7).

sia x = 0o53;
console.log (x);

Produzione:

43

Allo stesso modo, se vuoi creare letterali esadecimali (base 16), usa il 0x prefisso con la sequenza di cifre esadecimali (da 0 a 9 e da A a F).

sia x = 0x53;
console.log (x);

Produzione:

83

Numeri in virgola mobile

La seguente istruzione crea una variabile che contiene un numero in virgola mobile:

sia x = 324,56;

Puoi usare la notazione elettronica per rappresentare numeri molto grandi o molto piccoli.

sia x = 1.13e6;
console.log (x);

Produzione:

1130000

JavaScript fornisce anche altri valori numerici speciali che appartengono al numero tipo di dati: NaN, Infinity e -Infinity.

• NaN: NaN sta per Non è un numero che significa un numero non valido. Ad esempio, se dividi una stringa e un numero, il risultato sarà NaN.

  console.log("MakeUseOf"/10);

  Produzione:

  NaN

  È interessante notare che NaN non è uguale a nulla, incluso se stesso.

  console.log (NaN == NaN);
  console.log (NaN == ("MakeUseOf"/10));
  console.log (NaN NaN);

  Produzione:

  falso
  falso
  falso

  Inoltre, se un'espressione matematica da qualche parte contiene NaN, il risultato è sempre NaN.
• Infinito e -Infinito: Infinito e -Infinito rappresenta la matematica ∞ e -∞ rispettivamente.

2. Tipo di dati BigInt in JavaScript

BigInt è un tipo di dati primitivo in JavaScript che può rappresentare numeri interi con precisione arbitraria. Poiché il tipo di dati numero non può rappresentare valori maggiori di (2⁵³-1) o valori minori di -(2⁵³-1), BigInt viene utilizzato in questi casi per rappresentare numeri molto grandi o piccoli.

I numeri BigInt sono usati raramente. Ma se hai davvero bisogno di rappresentare grandi numeri, ad es. per la crittografia, calcolando il fattoriale di large numeri, che rappresentano la massa del sole, timestamp con precisione al microsecondo e così via, BigInt è quello che vuoi usare.

Puoi creare un valore BigInt aggiungendo n alla fine di un numero intero o utilizzando il costruttore.

let big1 = 78649264972634817648747234872634876243862348763467547n;
let big2 = BigInt("78649264972634817648747234872634876243862348763467547");
console.log (grande1);
console.log (big2);

Produzione:

78649264972634817648747234872634876243862348763467547n
78649264972634817648747234872634876243862348763467547n

Il tipo di dati BigInt è un'aggiunta relativamente recente alla lingua ed è attualmente supportato da quasi tutti i browser tranne Internet Explorer.

3. Tipo di dati booleano in JavaScript

Il tipo di dati booleano può avere due valori: vero e falso. I valori booleani sono il risultato di confronti logici.

let x1 = vero;
console.log (x1);
let x2 = !vero;
console.log (x2);
let x3 = !!vero;
console.log (x3);
let x4 = (falso && vero);
console.log (x4);
let x5 = (falso || vero);
console.log (x5);
let x6 = (2 == "2");
console.log (x6);
let x7 = (2 "2");
console.log (x7);
let x8 = (null indefinito);
console.log (x8);
let x9 = (0 == "");
console.log (x9);
sia x10 = (100 > 12);
console.log (x10);

Produzione:

vero
falso
vero
falso
vero
vero
falso
falso
vero
vero

Puoi convertire un valore di qualsiasi altro tipo di dati in un tipo di dati booleano usando il pulsante booleano() funzione.

// Stringhe
console.log (Boolean(''));
console.log (Boolean('abc'));
console.log (Boolean('123'));
// Numeri
console.log (booleano (0));
console.log (booleano (1));
console.log (Boolean(-1));
console.log (booleano (NaN));
console.log (Boolean (Infinity));
// Altri
console.log (Boolean([1, 2, 3]));
console.log (booleano (non definito));
console.log (booleano (null));

Produzione:

falso
vero
vero
falso
vero
vero
falso
vero
vero
falso
falso

4. Tipo di dati stringa in JavaScript

Una stringa è una sequenza di zero o più caratteri. Le stringhe in JavaScript sono immutabili e vengono utilizzate principalmente per rappresentare dati testuali. L'indicizzazione delle stringhe parte da 0, ovvero il primo elemento è all'indice 0, il secondo all'1 e così via.

Le stringhe devono essere racchiuse tra virgolette. È possibile utilizzare uno dei tre tipi di virgolette per creare una stringa: virgolette singole, virgolette doppie o apici inversi.

Le virgolette singole e doppie fanno praticamente la stessa cosa, ma una stringa che inizia con una virgoletta doppia deve terminare con una virgoletta doppia. La stessa regola vale anche per la citazione singola.

let str1 = "Ciao";
let str2 = 'Ciao';
let str3 = "Come stai?";
// Uso \ per sfuggire alle virgolette singole (')
let str4 = 'Come stai?';

I backtick sono letterali modello e forniscono alcune funzionalità estese. Puoi incorporare variabili, espressioni e persino chiamate di funzioni all'interno della stringa.

// Incorporamento di una variabile all'interno di una stringa
let x = "Ciao";
let str1 = `${x}, come stai?`;
console.log (str1);
// Incorporamento di un'espressione all'interno di una stringa
let str2 = `La somma di 20 + 30 è: ${20 + 30}`;
console.log (str2);
// Incorporamento della chiamata di funzione all'interno di una stringa
funzione calcolaSomma (a, b) {
restituire a + b;
}
let str3 = `La somma di 20 + 30 è: ${calculateSum (20, 30)}`;
console.log (str3);

Produzione:

Ciao, come stai?
La somma di 20 + 30 è: 50
La somma di 20 + 30 è: 50

JavaScript fornisce anche diversi metodi String per manipolare le stringhe.

5. Tipo di dati nullo in JavaScript

Il tipo di dati null ha un solo valore: nullo. Rappresenta l'assenza intenzionale di qualsiasi valore oggetto.

let n = nullo;

Molti programmatori si confondono tra null e undefined. È difficile da capire la differenza tra null e undefined in JavaScript.

6. Tipo di dati non definito in JavaScript

Il tipo non definito è un tipo speciale che significa "valore non assegnato". Quando si dichiara una variabile ma non la si inizializza, alla variabile viene assegnato un valore indefinito.

lascia x;
console.log (tipo di (x));

Produzione:

non definito

Puoi assegnare esplicitamente undefined a una variabile, ma è altamente consigliato evitarlo.

Imparentato: JavaScript Imposta i metodi che dovresti padroneggiare oggi

7. Tipo di dati simbolo in JavaScript

Un Simbolo è un valore primitivo unico e immutabile. Viene utilizzato principalmente per creare identificatori univoci per gli oggetti.

Puoi creare un simbolo usando il Simbolo() funzione. Accetta anche una descrizione facoltativa (nome), ma solo a scopo di debug.

let sym1 = Simbolo();
let sym2 = Symbol("data");

Il Simbolo() La funzione crea un nuovo valore univoco ogni volta che viene chiamata, anche se crei simboli con la stessa descrizione, i valori sarebbero diversi.

console.log (Simbolo() == Simbolo());
console.log (Symbol("data") == Symbol("data"));

Produzione:

falso
falso

Imparentato: Metodi di mappa JavaScript che dovresti padroneggiare oggi

8. Tipo di dati oggetto in JavaScript

In JavaScript, gli oggetti sono raccolte di coppie chiave-valore, dove la chiave è una stringa e il valore può essere qualsiasi tipo di dati.

Puoi creare un oggetto vuoto in JavaScript usando la sintassi "costruttore di oggetti" (nuovo oggetto()) o la sintassi "letterale oggetto" (parentesi graffe {...}).

let obj1 = new Object();
lascia obj2 = {};

Ogni oggetto contiene un elenco facoltativo di proprietà, dove una proprietà è una chiave: coppia di valori. È possibile accedere ai valori dall'oggetto utilizzando la notazione a punti o la notazione tipo array (parentesi quadre).

lascia obj = {
"chiave1": "valore1",
"chiave2": "valore2"
}
console.log (obj.key1);
console.log (obj["key2"]);

Produzione:

valore1
valore2

Come funziona JavaScript?

JavaScript è uno dei linguaggi di programmazione più popolari sul web oggi. Puoi utilizzare JavaScript per creare siti Web, applicazioni Web, applicazioni server, giochi, app mobili, ecc. Basti dire che puoi fare quasi tutto ciò che ti viene in mente con JavaScript.

Ma sai come funziona JavaScript sotto il cofano?

Che cos'è JavaScript e come funziona?

Se stai imparando lo sviluppo web, ecco cosa devi sapere su JavaScript e come funziona con HTML e CSS.

Leggi Avanti

Circa l'autore