Aggiungi valori all'oggetto in JavaScript
-
Usa il metodo
object.assign()per aggiungere elementi agli oggetti in JavaScript -
Usa il metodo
push()per aggiungere elementi agli oggetti in JavaScript - Usa l’operatore di diffusione per aggiungere oggetti in JavaScript
Gli oggetti sono modificabili per impostazione predefinita in JavaScript. Possiamo modificarli in seguito, a seconda delle nostre esigenze.
Questo tutorial mostra come aggiungere valori agli oggetti JavaScript.
Usa il metodo object.assign() per aggiungere elementi agli oggetti in JavaScript
Il metodo object.assign() copierà tutte le proprietà definite in un oggetto su un altro oggetto, cioè copia tutte le proprietà da una o più sorgenti agli oggetti di destinazione. In questo modo, stiamo aggiungendo un elemento all’oggetto.
Per esempio,
const course = {
name: 'JavaScript'
};
const grade = {
score: 92
};
const finalResult = Object.assign(course, grade);
console.log(finalResult);
Produzione:
{ name: 'JavaScript', score: 92 }
Usa il metodo push() per aggiungere elementi agli oggetti in JavaScript
La funzione push() aggiunge uno o più elementi alla fine di un array e restituisce la nuova lunghezza dell’array.
Per esempio,
const brands = ['nike', 'reebok', 'adidas'];
const count = brands.push('venum');
console.log(count);
console.log(brands);
Produzione:
4
[ 'nike', 'reebok', 'adidas', 'venum' ]
Nota che count restituisce la lunghezza dell’array. Questo è probabilmente il metodo più semplice per aggiungere elementi a un oggetto racchiuso in un array. Si consiglia di utilizzare gli array poiché sono anche mutabili.
Per esempio,
const brands = [{nike: 1500}];
const count = brands.push({reebok: 2000});
console.log(count);
console.log(brands);
Produzione:
2
[{nike: 1500},{reebok: 2000}]
Usa l’operatore di diffusione per aggiungere oggetti in JavaScript
L’operatore di diffusione viene utilizzato per unire o clonare oggetti in JavaScript. Può essere utilizzato quando tutti gli elementi di un oggetto devono essere inclusi in una lista.
Per esempio,
const rectangle = {
radius: 10
};
const style = {
Backcolour: 'red'
};
const solidRectangle = {
...rectangle,
...style
};
console.log(solidRectangle);
Produzione:
{ radius: 10, Backcolour: 'red' }