Oggetti JavaScript spiegati

Gli oggetti JavaScript sono l'implementazione dell'oggetto del mondo reale in un linguaggio di programmazione, tutto in JavaScript è un oggetto. JavaScript è un linguaggio di programmazione che viene spesso scambiato per essere un linguaggio di programmazione basato sulla classe ma in realtà è un linguaggio di programmazione basato su oggetti.

Gli oggetti in JavaScript sono usati per imitare il comportamento degli oggetti del mondo reale; Ad esempio, un frutto ha le sue proprietà come il nome, il colore, la forma, il gusto e la stagione. In JavaScript è possibile definire questa entità "frutta" rispetto alle sue coppie di valore chiave, le chiavi sono le proprietà e i valori che sono valori effettivi di quella proprietà.

UN Oggetto di frutta In JavaScript.

Fruit =
Nome: "Apple",
Forma: "circolare",
Gusto: "Per lo più dolce ma anche amaro",
Stagione: "All Seasons"

Differenci una chiave e un valore mettendo un colon ":" tra loro e metti una virgola tra diverse coppie di valore chiave. Questo modello o struttura della definizione di un'entità del mondo reale è simile a un oggetto JSON e questo perché il JSON si basa sulla definizione di oggetto JavaScript.

Oggetti e proprietà JavaScript

La creazione o la definizione di un oggetto può essere eseguita in due modi:

• Usando il "nuovo" parola chiave
• Usando il riccio " " per racchiudere le coppie di valore chiave

Creazione di un oggetto JS utilizzando la nuova parola chiave

La "nuova" parola chiave significa creare una nuova istanza del costruttore di un oggetto. Per creare un oggetto utilizzando la parola chiave "nuova", si crea una variabile e quindi lo metti uguale al costruttore di oggetti con la parola chiave "nuova"; e aggiungere coppie di valore chiave usando "OPERATORE DOT".

Sintassi

VariaLlename = new Object (); // crea un'istanza dell'oggetto
Variablename.PropertyName = PropertyValue; // fornisce una coppia di valore chiave all'oggetto

Puoi creare un oggetto di una persona che ha le proprietà: nome, cognome, età e lavoro con le seguenti righe di codice:

var persona = nuovo oggetto ();
persona.FirstName = "John";
persona.LastName = "DOE";
persona.età = 27;
persona.Giobbe = "revisore dei conti";

La prima affermazione crea una variabile con l'identificatore "persona" e chiama il costruttore Object () utilizzando il "nuovo" parola chiave.

Le prossime quattro istruzioni vengono utilizzate per impostare 4 proprietà o coppie di "valore chiave" dell'oggetto. Il nome della proprietà è scritto con l'identificatore dell'oggetto usando un "OPERATORE DOT"E il valore dell'operatore viene dato dopo l'operatore di assegnazione"=".

Puoi stampare questo oggetto che hai appena creato utilizzando la seguente istruzione:

console.registro (persona);

Al momento dell'esecuzione del codice, otterrai l'output:

L'oggetto viene stampato sulla console e puoi vedere chiaramente le coppie di valore chiave.

Creazione di un oggetto JS usando parentesi ricci

Un altro modo per creare JavaScript è quello di creare una variabile e impostarla uguale a coppie di valore chiave (che sono racchiuse direttamente all'interno delle parentesi cure).

Sintassi

VariaLlename = PropertyName: PropertyValue;

È possibile creare lo stesso oggetto persona con le stesse proprietà utilizzando la sintassi letterale:

var persona =
primo nome: "John",
LastName: "Doe",
Età: 27,
Giobbe: "revisore dei conti",
;

Si sta impostando la "persona" variabile uguale a coppie di valore chiave che sono racchiuse all'interno delle parentesi curnee . Ogni coppia di valore chiave è separata da una virgola "," Le chiavi e i valori sono separati da un colon ":"

È possibile stampare la coppia di valore chiave di questo oggetto sulla console con i seguenti comandi.

console.registro (persona);

Quando hai eseguito questo frammento di codice, si vede il seguente output:

Puoi vedere le coppie di valore chiave sulla console, i valori della stringa sono racchiusi all'interno dei marchi di virgole.

Fetching valori dalle proprietà degli oggetti

È possibile ottenere valori dalla proprietà dell'oggetto utilizzando due modi:

Uno è usare la sintassi DOT semplice:

ObjectName.nome della proprietà;

Il secondo modo è utilizzare l'array che accede alla sintassi come:

ObjectName ["PropertyName"];

Prendi l'oggetto persona dagli esempi sopra che abbiamo creato con il seguente codice:

var persona =
primo nome: "John",
LastName: "Doe",
Età: 27,
Giobbe: "revisore dei conti",
;

Possiamo accedere alle sue proprietà utilizzando entrambi i seguenti modi:

console.registro (persona.nome di battesimo);
console.log (persona ["lastname"]);

La prima istruzione accede al valore utilizzando l'operatore DOT; La seconda istruzione accede al valore utilizzando i metodi di array, l'output del codice sarebbe:

Riguarda gli oggetti JavaScript.

Conclusione

Le entità del mondo reale possono essere tutte rappresentate nel linguaggio di programmazione JavaScript insieme alle loro proprietà usando il Oggetti, che definisce le proprietà di un'entità usando a valore chiave paio. Abbiamo imparato come funziona un oggetto in JavaScript, come creare un oggetto usando metodi diversi e come recuperare i dati da un oggetto con l'aiuto di esempi in cui abbiamo convertito un oggetto del mondo reale in un linguaggio di programmazione.