Mappa vs oggetto in javascript

"Carta geografica" E "Oggetto"Sono due strutture di dati comuni in JavaScript utilizzate per archiviare coppie di valore chiave. Una mappa viene utilizzata quando è necessario una struttura di dati in grado di archiviare qualsiasi tipo di dati come chiave o valore e necessita di una raccolta ordinata di coppie di valore chiave. Mentre l'oggetto viene utilizzato quando devi solo archiviare i tasti di stringa.

Questo post spiegherà la differenza tra mappa e oggetto in javascript.

Come definire un oggetto in javascript?

In JavaScript, un oggetto è una raccolta di proprietà, ognuna con una coppia di valore chiave. IL "chiave" è il "nome", E un"valore"È il" valore "contro la chiave. Gli oggetti possono rappresentare oggetti del mondo reale, come un'auto, una persona o un conto bancario. Possono anche rappresentare oggetti più astratti, come un punto matematico nello spazio, un colore o una data.

Sintassi

Un oggetto può essere creato usando le staffe dell'oggetto letterale o il costruttore di oggetti. Usando la notazione letterale o le staffe, utilizzare la sintassi di seguito:

const object =
Chiave: valore,
Chiave: valore

Creazione di un oggetto usando il costruttore di oggetti o il "nuovo"Parola chiave, utilizzare la seguente sintassi:

const object = new Object ();
oggetto.tasto = valore;

Nota: Tieni presente che le chiavi o i nomi delle proprietà dell'oggetto devono essere una stringa.

Esempio 1: creare un oggetto usando la notazione letterale in JavaScript

Nel seguente esempio, creeremo un oggetto chiamato "stdobject"Utilizzo della notazione letterale o delle staffe:

var stdobject =
Nome: 'John',
Età: 18,
Rollno: 25,
Standard: 9

Stampa l'oggetto sulla console:

console.log (stdObject);

Produzione

Esempio 2: crea un oggetto usando il costruttore di oggetti in JavaScript

Qui creeremo un oggetto usando il costruttore di oggetti utilizzando il "nuovo" parola chiave:

const stdObject = new Object ();

Ora aggiungi le proprietà (valore chiave) degli oggetti usando il punto (.) Notazione:

stdobject.name = 'jodan';
stdobject.età = 19;
stdobject.rollno = 15;
stdobject.standard = 10;

Infine, visualizza l'oggetto sulla console usando "console.tronco d'albero()" metodo:

console.log (stdObject);

Produzione

Come definire la mappa in javascript?

In JavaScript, a "Carta geografica"È una struttura di dati che contiene coppie di valore chiave simili a un oggetto. Ti consente di associare i dati alle chiavi e recuperare i dati in seguito utilizzando le chiavi. Le mappe possono essere utilizzate per implementare dizionari, tabelle di hash e altre strutture di dati che mappano le chiavi sui valori.

Sintassi

Per inizializzare una mappa, utilizzare la seguente sintassi:

const map = new map ([
['Key', 'Value'],
['Key', 'Value']
]);

È inoltre possibile creare una mappa utilizzando il costruttore della mappa o utilizzando il nuovo operatore e impostare i valori utilizzando il “impostato()" metodo:

const map = new map ();
carta geografica.set ('key', 'value');

Esempio: crea una mappa in JavaScript

Nell'esempio dato, creeremo una mappa utilizzando entrambe le sintassi.

Crea una mappa utilizzando il metodo di inizializzazione. Qui, imposteremo le chiavi come stringa mentre è possibile impostare i tasti in una mappa in qualsiasi tipo:

const mapstd = newmap ([
["nome", "John"],
['Age', 18],
['rollno', 25],
['Standard', 9],
]);

Oppure crea una mappa chiamando il costruttore della mappa o la nuova parola chiave/operatore:

const mapstd = new map ();

Imposta i valori in mappa in una coppia di valore chiave usando "impostato()" metodo:

mapstd.set ('name', 'John');
mapstd.set ('age', 18);
mapstd.set ('rollno', 25);
mapstd.Set ('Standard', 9);

Per stampare la mappa sulla console, usa il “inserimenti()Metodo "con il"per di" ciclo continuo:

per (const [chiave, valore] di mapstd.inserimenti())
console.log ('$ chiave: $ value');

O per accedere al valore di qualsiasi chiave/proprietà specifica, utilizzare il “Ottenere()" metodo:

console.log ("The rollno di" + mapstd.get ('name') + "is" + mapstd.get ('rollno'));

L'output indica tutte le proprietà della mappa e il valore della proprietà specifica:

Mappa vs oggetto in javascript

La differenza principale tra mappa e oggetto è la seguente:

Carta geografica	Oggetto
È stato introdotto in ECMascript 6 nel 2015.	JavaScript ha introdotto il tipo di dati oggetto nella sua prima versione (ECMAScript 1) rilasciato nel 1997.
La mappa consente le chiavi di qualsiasi tipo di dati (E.G., oggetti, funzioni, numeri, ecc.).	Le chiavi dell'oggetto devono essere stringhe.
È possibile accedere alle proprietà di una mappa utilizzando il metodo get ().	È possibile accedere alle proprietà dell'oggetto utilizzando notazione punto o notazione della staffa quadrata.
La mappa ha una proprietà di dimensioni integrate per restituire il numero di coppie di valore chiave	L'oggetto non ha questa funzione.
La mappa è iterabile. Consente il looping attraverso tutte le coppie di valore chiave usando alcuni metodi integrati come foreach (), tasti (), valori () e voci ().	L'oggetto non è iterabile. È necessario utilizzare loop o oggetti "for-in".Metodo voci () per iterating coppie di valore chiave.
La mappa è ordinata.	L'oggetto non è ordinato.

Quando si lavora con piccoli set di dati, la differenza di prestazioni tra mappe e oggetti è trascurabile, ma quando si lavora con set di dati più grandi, le mappe possono essere più veloci in quanto sono ottimizzate per le prestazioni.

Quando la mappa preferisce sugli oggetti in javascript?

Quando è necessario archiviare le coppie di valore chiave in una forma ordinata o il valore come chiave, essere qualsiasi tipo di dati, come numeri, oggetti o simboli, utilizzare il “Carta geografica" struttura dati. Gli oggetti verranno utilizzati quando è necessario utilizzare le stringhe come chiavi e quando non è necessario nessuna delle caratteristiche delle mappe. La differenza di prestazioni tra mappe e oggetti è trascurabile mentre si lavora con piccoli set di dati, ma quando si lavora con set di dati più grandi, le mappe possono essere più veloci in quanto sono ottimizzate per le prestazioni.

Conclusione

Mappa e oggetto sono entrambi utilizzati per archiviare i dati come coppie di valore chiave in JavaScript, ma hanno alcune differenze. La mappa è una struttura di dati più potente e flessibile rispetto all'oggetto ed è la scelta preferita quando è necessario archiviare coppie di valore chiave che devono essere ordinate, avere chiavi di diversi tipi di dati o avere una proprietà di dimensioni. Questo post ha spiegato la differenza tra mappa e oggetto in javascript.