Come aggiungere proprietà a un oggetto in javascript

Come aggiungere proprietà a un oggetto in javascript

Gli oggetti JavaScript gestiscono più proprietà che sono i valori della coppia chiave. Queste proprietà sono utilizzate per specificare le qualità e le caratteristiche di un oggetto definito in JavaScript. Quando vengono creati gli oggetti, le loro proprietà pertinenti possono essere aggiunte, eliminate e modificate dinamicamente. Più specificamente, ci sono più metodi di JavaScript disponibili per l'aggiunta di proprietà a un oggetto.

Questo post indicherà i molteplici metodi per l'aggiunta di una proprietà a un oggetto in JavaScript.

Come aggiungere/inserire la proprietà a un oggetto in JavaScript?

Ora tratteremo i seguenti metodi per l'aggiunta di proprietà a un oggetto:

  • Metodo 1: Aggiungi proprietà usando la notazione dot (.)
  • Metodo 2: Aggiungi proprietà usando l'oggetto.Metodo Assegna ()
  • Metodo 3: Aggiungi proprietà usando l'oggetto.Metodo Definoperty ()

Metodo 1: aggiungere proprietà a un oggetto usando la notazione dot (.)

La notazione dot è un metodo per accedere alla proprietà di un oggetto. Quando si scrive in notazione punto, dovresti prima scrivere il nome dell'oggetto, quindi un punto (.), quindi inserire il nome della proprietà.

Esempio

Innanzitutto, dichiarare un oggetto con l'aiuto del "permettere"Parola chiave e assegnare le proprietà all'oggetto definito all'interno del blocco:

Let obj =
Nome: "Hafsa",
Età: 14,
;

Usa il "console.tronco d'albero()"Metodo e passare l'argomento"obj"Per mostrare sulla console:

console.log (obj);

Ora, aggiungi la proprietà con l'aiuto della notazione del punto:

obj.educazione = "ingegnere del software";

Visualizza output sulla console:

console.log (obj);

Produzione

Metodo 2: aggiungi proprietà a un oggetto usando l'oggetto.Metodo Assegna ()

Possiamo anche usare il “assegnare()"Metodo integrato di JavaScript per aggiungere le proprietà in un oggetto. IL "Oggetto.assegnare()"È un metodo statico di JavaScript che viene utilizzato per la copia di tutte le caratteristiche e proprietà numerabili da uno o più oggetti di origine per il targeting dell'oggetto.

Sintassi

Per usare l'oggetto.Metodo Assegna (), controlla la sintassi data:

Oggetto.assegnare (target, fonte);

Nella sintassi sopra:

  • "bersaglio"Determina l'oggetto in cui verranno copiati i valori della proprietà.
  • "fonte"Indica l'oggetto in cui devono essere copiati i rispettivi valori della proprietà.

Esempio

In questo esempio, in primo luogo, dichiara una variabile e assegna le proprietà. Quindi, dichiara un'altra variabile seguendo la stessa procedura:

let dipendente = nome: 'Diana', età: 23;
let Information = Gender: 'Female', Nationality: 'Canadian';

Usa il "Oggetto.assegnare()"Metodo e passare gli argomenti, in cui il primo parametro è l'oggetto target e il secondo parametro è l'oggetto sorgente. Questo metodo copierà tutti i valori di origine nel valore mirato:

Oggetto.assegnare (dipendente, informazione);

Quindi, invoca il "console.tronco d'albero()"Metodo per visualizzare il risultato sulla console:

console.registro (dipendente);
console.registro (informazioni);

Produzione

Metodo 3: Aggiungi proprietà a un oggetto usando l'oggetto.Metodo Definoperty ()

IL "Oggetto.DefineProperty ()"È un metodo statico JavaScript che viene utilizzato per definire la proprietà più recente e nuova direttamente a un oggetto o modificare la proprietà esistente di un oggetto e restituire l'oggetto.

Sintassi

Per usare il "Oggetto.DefineProperty ()"Metodo, segui la sintassi data:

Oggetto.definireProperty (OBJ, new_property, configurazione);

Qui:

  • "obj"Si riferisce all'oggetto.
  • "new_property"Determina la proprietà che verrà aggiunta.
  • "configurazione"Definisce il valore che può essere modificato e modificato.

Esempio

Dichiarare un oggetto con l'aiuto del "permettere" parola chiave:

let obj = ;

Utilizzare il "Oggetto.DefineProperty ()"Metodo e passare gli argomenti e impostare il valore per la proprietà scrivibile come TRUE. Quindi, la proprietà ID di Object OBJ può essere modificata ora:

Oggetto.DefineProperty (obj, 'id',
Valore: 137,
Scrivibile: vero
);

Aggiungi una proprietà con l'aiuto di "obj.id"E assegna il valore:

obj.id = 214;

Secondo gli argomenti passati, la console visualizzerà il valore della proprietà modificato:

console.log ("ID oggetto:", OBJ.id);

Imposta il valore della proprietà scrivibile come falso. Di conseguenza, il nome di proprietà di Object OBJ non può essere modificato ora:

Oggetto.DefineProperty (obj, 'name',
Valore: "hafsa",
scrivibile: false);

Aggiungi una proprietà con l'aiuto di "obj.nome"E assegna il valore:

obj.name = 'hafsa javed';

Secondo gli argomenti passati, la console non mostrerà il nuovo valore di proprietà (hafsa javed) ma un valore più vecchio (HAFSA):

console.log ("Nome oggetto:", OBJ.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 "punto notazione (.)","Oggetto.assegnare()Metodo ", o"Oggetto.DefineProperty ()" metodo. Questo post ha dichiarato i più metodi per l'aggiunta della proprietà a un oggetto in JavaScript.