Gli oggetti JavaScript gestiscono più proprietà che sono i valori della coppia di chiavi. Queste proprietà vengono utilizzate per specificare le qualità e le caratteristiche di un oggetto definito in JavaScript. Quando gli oggetti vengono creati, le relative proprietà possono essere aggiunte, eliminate e modificate dinamicamente. Più specificamente, sono disponibili più metodi di JavaScript per aggiungere proprietà a un oggetto.
Questo post indicherà i molteplici metodi per aggiungere una proprietà a un oggetto in JavaScript.
Come aggiungere/inserire proprietà a un oggetto in JavaScript?
Ora tratteremo i seguenti metodi per aggiungere proprietà a un oggetto:
- Metodo 1: Aggiungi proprietà utilizzando la notazione punto (.)
- Metodo 2: Aggiungi proprietà utilizzando il metodo Object.assign()
- Metodo 3: Aggiungi proprietà utilizzando il metodo Object.defineProperty()
Metodo 1: aggiunta di proprietà a un oggetto utilizzando la notazione punto (.)
La notazione punto è un metodo per accedere alla proprietà di un oggetto. Quando si scrive in notazione con punto, è necessario scrivere prima il nome dell'oggetto, quindi un punto (.), quindi inserire il nome della proprietà.
Esempio
Innanzitutto, dichiara un oggetto con l'aiuto del ' permettere ” e assegnare le proprietà all'oggetto definito all'interno del blocco:
lascia ogg = {
nome : 'Ufficiale' ,
età : 14 ,
} ;
Usa il ' console.log() ” metodo e passa l'argomento “ ogg ” da mostrare sulla console:
consolare. tronco d'albero ( ogg ) ;Ora, aggiungi la proprietà con l'aiuto della notazione punto:
ogg. formazione scolastica = 'Ingegnere del software' ;
Visualizza l'output sulla console:
consolare. tronco d'albero ( ogg ) ;Produzione
Metodo 2: aggiungere proprietà a un oggetto utilizzando il metodo Object.assign()
Possiamo anche usare il ' assegnare() ” metodo integrato di JavaScript per aggiungere le proprietà in un oggetto. IL ' Oggetto.assegna() ' è un metodo statico di JavaScript che viene utilizzato per copiare tutte le caratteristiche e le proprietà numerabili da uno o più oggetti di origine per il targeting dell'oggetto.
Sintassi
Per utilizzare il metodo object.assign(), controlla la sintassi data:
Oggetto . assegnare ( bersaglio , fonte ) ;Nella sintassi precedente:
- “ bersaglio ” determina l'oggetto in cui verranno copiati i valori delle proprietà.
- “ fonte ” indica l'oggetto in cui devono essere copiati i rispettivi valori di proprietà.
Esempio
In questo esempio, per prima cosa dichiarare una variabile e assegnarne le proprietà. Quindi, dichiara un'altra variabile seguendo la stessa procedura:
lascia dipendente = { nome : 'Diana' , età : 23 } ;lasciare informazioni = { genere : 'Femmina' , nazionalità : 'Canadese' } ;
Usa il ' Oggetto.assegna() ” e passare gli argomenti, dove il primo parametro è l'oggetto di destinazione e il secondo parametro è l'oggetto di origine. Questo metodo copierà tutti i valori di origine nel valore di destinazione:
Oggetto . assegnare ( dipendente , informazione ) ;Quindi, invocare il ' console.log() ” metodo per visualizzare il risultato sulla console:
consolare. tronco d'albero ( dipendente ) ;consolare. tronco d'albero ( informazione ) ;
Produzione
Metodo 3: aggiungere proprietà a un oggetto utilizzando il metodo Object.defineProperty()
IL ' Object.defineProperty() ” è un metodo statico JavaScript che viene utilizzato per definire la proprietà più recente e nuova direttamente su un oggetto o modificare la proprietà esistente di un oggetto e restituire l'oggetto.
Sintassi
Per utilizzare il ' Object.defineProperty() ” metodo, seguire la sintassi data:
Oggetto . defineProperty ( ogg , nuova_proprietà , configurazione ) ;Qui:
- “ ogg ' si riferisce all'oggetto.
- “ nuova_proprietà ” determina la proprietà che verrà aggiunta.
- “ configurazione ” definisce il valore che può essere cambiato e modificato.
Esempio
Dichiarare un oggetto con l'aiuto del ' permettere ' parola chiave:
lascia ogg = { } ;Utilizza il “ Object.defineProperty() ” e passare gli argomenti e impostare il valore per la proprietà scrivibile su true. Quindi, la proprietà id dell'oggetto obj può essere cambiata ora:
Oggetto . defineProperty ( ogg , 'id' , {valore : 137 ,
scrivibile : VERO
} ) ;
Aggiungi una proprietà con l'aiuto di ' id.oggetto ” e assegna il valore:
ogg. id = 214 ;In base agli argomenti passati, la console visualizzerà il valore della proprietà modificato:
consolare. tronco d'albero ( 'ID oggetto:' , ogg. id ) ;Imposta il valore della proprietà scrivibile su false. Di conseguenza, la proprietà name dell'oggetto obj non può essere modificata ora:
Oggetto . defineProperty ( ogg , 'nome' , {valore : 'Ufficiale' ,
scrivibile : falso } ) ;
Aggiungi una proprietà con l'aiuto di ' nome.oggetto ” e assegna il valore:
ogg. nome = 'Hafsa Javed' ;In base agli argomenti passati, la console non visualizzerà il valore della proprietà new(Hafsa Javed) passato ma il valore old(Hafsa):
consolare. tronco d'albero ( 'Nome oggetto:' , ogg. nome ) ;Si tratta di aggiungere la proprietà a un oggetto in JavaScript.
Conclusione
Per aggiungere la proprietà a un oggetto in JavaScript, è possibile utilizzare più metodi. Gli utenti possono aggiungere la proprietà a un oggetto utilizzando ' notazione punto (.) ”, “ Oggetto.assegna() ” metodo, o il “ Object.defineProperty() ' metodo. Questo post indicava i molteplici metodi per aggiungere la proprietà a un oggetto in JavaScript.