Aggiunta di elementi all'oggetto - JavaScript

In varie situazioni, i programmatori devono aggiungere o aggiungere dati in oggetti in coppie di valore chiave dinamicamente (dopo aver creato oggetti). Non esiste un metodo push () per gli oggetti di farlo. Pertanto, è possibile aggiungere elementi agli oggetti assegnando un valore a una proprietà oggetto nuova o esistente utilizzando operatori o metodi JavaScript diversi.

Questo post descriverà i metodi per aggiungere elementi a un oggetto JavaScript.

Come aggiungere elementi agli oggetti in JavaScript?

Per aggiungere elementi a un oggetto, utilizzare i seguenti approcci:

• Punto (.) operatore
• Parentesi quadrata []
• Metodo Assegna ()

Metodo 1: aggiunta di elementi all'oggetto usando il punto (.) Operatore

Per l'aggiunta di elementi in un oggetto utilizza il "Punto"Notazione. Viene utilizzato per accedere, aggiungere o modificare le proprietà e i metodi degli oggetti. L'operatore DOT è una caratteristica fondamentale di JavaScript e viene ampiamente utilizzato nella programmazione orientata agli oggetti.

Sintassi
Utilizzare la sintassi sotto fornito per l'aggiunta di elementi a un oggetto usando il (.) Notazione:

oggetto.Proprietà = valore;

Esempio
Crea un oggetto vuoto chiamato "stdinfo":

const stdinfo = ;

Aggiungi alcuni elementi in una coppia di valore chiave con l'aiuto della notazione DOT:

stdinfo.id = 1;
stdinfo.name = "Mari";

Dopo aver aggiunto elementi, stampare l'oggetto sulla console:

console.log (stdinfo);

Come puoi vedere che gli elementi sono stati aggiunti con successo a un oggetto vuoto:

Metodo 2: aggiunta di elementi all'oggetto usando la notazione della staffa quadrata []

Puoi anche usare il “parentesi quadrata"Notazione per l'aggiunta degli elementi all'oggetto. Simile alla notazione Dot, viene anche utilizzato per accedere, aggiungere e modificare le proprietà e i metodi degli oggetti.

Sintassi
Per l'aggiunta di elementi usando la notazione [], seguire la sintassi data:

oggetto ['Proprietà'] = valore;

Esempio
Aggiungi il "età"Dello studente all'oggetto usando la staffa [] notazione:

stdinfo ['age'] = 18;

Produzione

Metodo 3: aggiunta di elementi all'oggetto usando il metodo Assemment ()

Un altro modo per aggiungere elementi a un oggetto è usare "assegnare()" metodo. Viene utilizzato per copiare i valori di tutte le proprietà enumerabili da più oggetti di origine a un oggetto target specificato.

Sintassi
La sintassi generale per il metodo ASSEGNA () è la seguente:

Oggetto.Assegna (target, ... fonti)

Per aggiungere elementi a un oggetto, utilizzare la sintassi data:

Oggetto.Assegna (oggetto, chiave: 'valore');

Qui, il "oggetto"È il bersaglio.

Esempio
Aggiungiamo una proprietà "standard"In un oggetto che utilizza il metodo ASSEGNA ():

Oggetto.assegnare (stdinfo, standard: 'a-level');

Si può osservare che il metodo ASSEGNA () ha aggiunto correttamente la coppia di valore chiave a un oggetto:

Abbiamo fornito tutte le istruzioni essenziali rilevanti per l'aggiunta di elementi all'oggetto.

Conclusione

Per aggiungere elementi a un oggetto, usa il “Punto (.)"Operatore,"Parentesi quadrata []”Notazione o il"assegnare()" metodo. L'operatore DOT e la notazione della staffa quadrata sono gli approcci più comuni utilizzati per accedere o aggiungere proprietà a un oggetto. Questo post ha descritto i metodi per aggiungere elementi a un oggetto in JavaScript.