Objects/Dizionario JavaScript - spiegato

Objects/Dizionario JavaScript - spiegato
Gli oggetti in JavaScript sono tipi di dati utilizzati per archiviare i dati correlati; Sono una raccolta di valori o variabili nominati utilizzati per archiviare più valori; Questi valori sono memorizzati sotto forma di Nome: valore coppie. Gli oggetti hanno proprietà e metodi. I metodi sono sostanzialmente funzioni scritte come proprietà di un oggetto.

Il modo migliore per conoscere gli oggetti JavaScript è confrontandoli con gli oggetti della vita reale. Gli oggetti nella vita reale hanno proprietà diverse e possono svolgere compiti diversi, E.G., UN Bicicletta è un oggetto; Ha proprietà come colore, modello, nome e metodi come Start, Break, Stop.

Ora tutto il Biciclette avere queste proprietà; ogni Bicicletta ha un colore, un modello e un nome, ma il valore di ciascuna di queste proprietà può differire per ogni Bicicletta. Allo stesso modo, tutto il Biciclette eseguire questi metodi ma in momenti diversi.

Differenza tra oggetti e dizionari:

I dati memorizzati sotto forma di coppie di valore chiave sono chiamati un oggetto o un dizionario. Oggetti e dizionari sono simili; La differenza sta nella semantica. In JavaScript, i dizionari sono chiamati oggetti, mentre, in lingue come Python o C#, sono chiamati dizionari.

Come usare gli oggetti in JavaScript?

Ora creeremo un oggetto denominato utente con proprietà diverse utilizzando JavaScript come esempio:

const user = fname: "Mary", lname: "Jane", età: 23, id: 01;

IL utente L'oggetto riportato sopra ha quattro diverse proprietà, i.e., fname, LNAME, età, E id. Queste proprietà hanno Sposare, Jane, 23, E 01 come valori, rispettivamente. JavaScript è sintatticamente un linguaggio dinamico, quindi possiamo anche dichiarare l'oggetto nel modo seguente per una migliore leggibilità:

const user =
fname: "Mary" ,
LNAME: "Jane" ,
Età: 23 ,
ID: 01
;

In generale, gli oggetti sono dichiarati usando il const parola chiave e le loro definizioni possono consistere in più righe.

Come accedere a una proprietà presente all'interno di un oggetto?

Possono essere utilizzati due metodi diversi per accedere e assegnare proprietà a un oggetto in JavaScript:

  • Usando il punto "."Operatore
  • Usando la sintassi delle staffe quadrate

Di seguito è riportata la sintassi utilizzata nel metodo dell'operatore DOT:

Object_name.nome della proprietà

La sintassi per il metodo della staffa quadrata è riportata di seguito:

Object_name ['Property_name']

Ad esempio, se vogliamo accedere alla proprietà età nel nostro oggetto utente, Possiamo farlo in due modi diversi:

const user =
fname: "Mary" ,
LNAME: "Jane" ,
Età: 23 ,
ID: 01
;
console.registro (utente.età);
console.log (utente ['age']);

Possiamo anche modificare il valore della proprietà utilizzando il object_name.nome della proprietà e il object_name ['Property_name'] sintassi:

var user =
fname: "Mary" ,
LNAME: "Jane" ,
Età: 23 ,
ID: 01
;
utente.età = 24;
console.registro (utente.età);
utente ['age'] = 25;
console.log (utente ['age']);

Allo stesso modo, è possibile accedere ai metodi allo stesso modo utilizzando l'operatore DOT.

Ora aggiungeremo un metodo al nostro utente oggetto.

const user =
fname: "Mary" ,
LNAME: "Jane" ,
Età: 23 ,
ID: 01 ,
anno di nascita()
const data = newDate ();
Anno = data.getfullylyar () - questo.età;
anno di ritorno;

;
console.registro (utente.anno di nascita());

Nell'esempio sopra indicato, abbiamo dichiarato un metodo all'interno dell'oggetto utente. Questo metodo sottrae l'era dell'utente dall'anno in corso per restituire l'anno di nascita dell'utente.

IL 'Questo' la parola chiave nell'esempio si riferisce all'oggetto che possiede il età proprietà. Questa parola chiave viene utilizzata per accedere al valore di una proprietà all'interno di un oggetto.

Gli oggetti in JavaScript possono anche essere dichiarati usando il costruttore di oggetti insieme a nuovo parola chiave:

const utente = newObject ();
// Assegnazione di proprietà e valori delle proprietà
utente.fname = "Marry";
utente.lname = "Jane";
utente.età = 23;
utente.id = 01;

Conclusione

Oltre ai tipi di dati primitivi, quasi tutto il resto in JavaScript è un oggetto. La nuova parola chiave può convertire tipi di dati primitivi come booleani, numeri e stringhe in oggetti (non consigliati).

JavaScript ha alcuni oggetti integrati come Data E Matematica. Abbiamo anche la possibilità di creare i nostri oggetti personalizzati. Questa guida ci ha insegnato a creare un oggetto e assegnarlo a proprietà, valori delle proprietà e metodi diversi. Abbiamo anche imparato ad accedere e manipolare/modificare le proprietà e i metodi presenti in un oggetto.