Salta al contenuto
I tipi di dati in Javascript
AngeloPili.it

I tipi di dati in Javascript

I tipi di dati in Javascript

Come qualsiasi altro linguaggio, anche javascript prevede i tipi di dato: ovvero quell’informazione che ci dice che cos'è quel dato.

Vanilla Javascript, ovvero javascript è anzitutto un linguaggio a tipizzazione debole o tipizzazione dinamica, questo vuo dire che quando si assegna una variabile non è vincolante conoscerne il tipo, e può anche essere riassegnata cambiandone il tipo, senza creare problemi in fase di interpretazione. Sembrerebbe una comodità, ma può rivelarsi un’arma a doppio taglio per lo sviluppatore, infatti le best practice ci indicano che è sempre meglio conoscere che tipo di dato ci dobbiamo aspettiamo. Negli ultimi anni è nato Typescript, un super set di javascript che oltre a rendere disponibili nuove funzionalità, risolve anche questo problema introducendo la tipizzazione.

Javascript ha cinque tipi primitivi, ed uno complesso. Vediamo quindi quali sono e come si caraterizzano.

I tipi primtivi

typedescrizione
stringuna sequenza di caratteri alfanumerici, quindi può contenere sia lettere che numeri; può contenere caratteri speciali, caratteri unicode, ed è delimitata da doppi o singoli apici.
// Esempio di string
var name = "Angelo"; // solo lettere
var username = "Angelo86" // lettere e numeri
var message = 'L\'apostrofo'; // se usiamo i singoli apici, ed abbiamo un'apostrofo, usare backslash + apostrofo

 

typedescrizione
numberal contrario di altri linguaggi, tipo C# che ha diversi tipi per il formato numero, in javascript l’unico messo a disposizione è number. Può contenere numeri positivi, negativi, 0, interi e decimali.
// Esempio di number
var year = 1986
var dec = 2.5
var negative = -7

 

typedescrizione
booleanocome negli altri linguaggi, un valore booleano può essere true e false. E’ quindi un’entità logica per confermare o negare.
// Esempio di booleano
var hasUser = true
var hasLogged = false

 

typedescrizione
undefinedè quel tipo per cui una variabile anche se è stata inizializzata, non ha nessun valore
// Esempio di undefined
var lastname; // undefined

 

typedescrizione
nullquando decidiamo che una variabile non ha ancora un valore possibile
// Esempio di null
var activated = null;

L’oggetto

typedescrizione
objectè un tipo che possiamo definire complesso; è sostanzialmente un container di più dati su base chiave valore. Può contenere quindi diversi tipi di dati, assegnati grazie ad una chiave, divisi per virgola.
var Person = {
    name : "Angelo",
    year : 1986,
    hasLogged : false,
    activated : null,
    getAge : () => age,
    cities : ['Milan','Rome','London']
}

In javascript vengono definiti object anche le function e gli array

Come verificare il tipo con Typeof

Per capire con che tipo di dato abbiamo a che fare, possiamo utilizzare l’operatore typeof, in if statement o semplicemente stampandolo su un console.log.

typeof name // string
typeof year // number
typeof lastname // "undefined"
typeof activated // null
typeof Person // object

typeof function(){} // function
typeof ['a','b','c'] // object

Come accennato sopra, le funzioni sono degli oggetti, anche se facendo un typeof viene restituito function: qui una spiegazione sulla doc ufficiale di ECMAScript

Nullish

Possiamo definie nullish tutti quei tipi e valori che portano a qualcosa di nullo o vuoto. Quindi possiamo raccogliere in questo gruppo: null, undefined, 0, [], "", false.

Cambiare il tipo

Javascript spesso potrebbe sorprenderci. Potremmo infatti trovarci nella situazione in cui abbiamo un numero, ma in formato stringa.

num = "472"
typeof num // "string"

Possiamo forzarne il tipo numero semplicemente così:

num = +num;
typeof num // "number"

Possiamo anche fare qualcosa di questo tipo, negare 1 o 0 per ottenere il corrispettivo booleano:

let checked = !0; // true
typeof checked // boolean
// O
let checked = !1 // false
typeof checked // boolean

Possiamo convertire un numero in una stringa

let eta = 18 //
typeof eta // number

eta += ""; // "18"
typeof eta // "string"

In javascript possiamo convertire un booleano in numero

console.log(+true) // 1
typeof +true // boolean