Array e Object in JavaScript

Cosa sono e come vengono usati gli array e gli object in JavaScript rispetto gli altri linguaggi di programmazione.

In questo articolo vediamo cosa sono e come vengono usati gli array e gli object in JavaScript rispetto gli altri linguaggi di programmazione.

Gli array in JavaScript sono diversi dagli altri linguaggi di programmazione. Non richiedono di usare un solo tipo di valori, possono essere ingranditi e ridotti semplicemente aggiungendo e togliendo valori al loro interno anche se possiamo stabili in anticipo la loro lunghezza. Gli array sono dei veri e propri oggetti e hanno delle proprietà e funzioni per manipolare i dati al loro interno.


lista_utenti = [
    //valore   //indice
    'utente1', //0
    'utente2', //1
    'utente3', //2
]

//Aggiunge un utente all'indice 5
lista_utenti[5] = 'utente5'

lista_utenti.push('utente6')

console.log(lista_utenti); //utente1,utente2,utente3,_,utente4,utente5

Anche gli oggetti sono diversi in JavaScript riguardo gli altri linguaggi di programmazione. Innanzitutto, proprio come i dizionari, sono essenzialmente una collezione di coppie chiave-valore. Possiamo assegnare alle chiavi i valori primitivi ma anche delle funzioni o degli oggetti.

Inoltre, gli oggetti in JavaScript sono dinamici: possiamo aggiungere nuove proprietà in qualsiasi momento. In questo modo, possiamo creare plugin aggiuntivi e rimuoverli semplicemente estendendo gli oggetti. In ogni caso negli ultimi anni è possibile, e consigliabile anche da alcuni editor di codice, lavorare con le classi, specialmente quando creiamo diverse istanze dello stesso oggetto, come gli utenti, i post, i prodotti di un negozio che hanno le stesse proprietà ma valori diversi.

/Creazione oggetto fisso
box = {
    lunghezza: 20,
    altezza: 20,

    apri() {
        console.log('Box aperto');
    } 
}

//Funzione per creare oggetto dinamico
function Box(lunghezza, altezza) {
    this.lunghezza = lunghezza;
    this.altezza = altezza;

    this.apri = () => console.log('Box aperto');
    
}

// Creazione di un nuovo oggetto Box
const box1 = new Box(10, 10);
box1.apri()
//Classe per creare un oggetto
class Box {
    
    constructor(lunghezza, altezza) {
        this.lunghezza = lunghezza;
        this.altezza = altezza;

    }

    apri() {
        console.log('Box aperto');
    } 
}
// Creazione di un nuovo oggetto Box
const box1 = new Box(10, 10);
box1.apri()
Video Tutorial