Metodi Javascript

| | | |

JavaScript ha una classe Object che ha tutti i tipi di metodi che possiamo usare per manipolare quegli oggetti. In questo articolo, daremo un’occhiata al metodo Object.assign() e dimostreremo come viene utilizzato.

Ti ricordiamo che un oggetto è un tipo di dati in JavaScript, simile ai dizionari in Python, che hanno quelle che chiamiamo coppie chiave:valore. Diciamo che abbiamo un oggetto, chiamiamolo Harry. Potrebbe avere coppie chiave:valore simili a questa:

La regola di base del tema in questa situazione è che il nome della proprietà a sinistra dei due punti è la chiave e le cose a destra sono il valore. La maggior parte delle chiavi e dei valori sono abbastanza semplici ‚Äì l’unico che potrebbe essere un po’ rischioso è l’ultima proprietà: pet. Pet è ancora la chiave in questo caso. Il valore, tuttavia, è un oggetto che ha altre due coppie chiave:valore. Questo è ciò che chiamiamo oggetto annidato.

Object.assign(target, …sourceObjs);

Esiste un metodo Object chiamato assegnare() che può essere utilizzato per prendere uno o più oggetti sorgente e copiarli su un oggetto di destinazione. Andiamo direttamente al codice per vedere cosa fa:

Esponiamo insieme il codice. Iniziamo con un oggetto letterale chiamato hpChar. Questo hpChar ha un nome, un cognome, un’età, una casa e una proprietà dell’animale domestico. Quella proprietà pet è un oggetto stesso e ha alcune chiavi e valori da solo.

Successivamente, abbiamo la nostra prima istanza del nostro metodo di cui siamo qui per parlare. Object.assign accetta due o più parametri. Il primo è sempre l’oggetto di destinazione a cui vuoi assegnare i valori. In questo caso, è un oggetto vuoto.

Il secondo parametro è il nostro oggetto definito sopra. Questo è il materiale sorgente da cui prenderemo per assegnare all’oggetto di destinazione (il nostro primo parametro).

La riga seguente registra il risultato nella console:

Niente di troppo diverso, vero? Questo perché abbiamo assegnato hpChar a un oggetto vuoto ‚Äì abbiamo essenzialmente clonato l’oggetto. E se dovessimo farlo di nuovo, ma cambiassimo alcuni valori? Invece dell’oggetto vuoto questa volta, sostituiamolo con l’oggetto hpChar ‚Äì questo sarà il nostro obiettivo questa volta. Modifichiamo alcuni valori sul secondo parametro. Sentiti libero di giocare con i valori purché mantieni le stesse chiavi.

Ecco i valori che andrò a sostituire. Se il valore nell’oggetto di destinazione non deve essere modificato, non è necessario richiamare esplicitamente il suo valore nell’oggetto di origine.

La seconda volta che abbiamo registrato il risultato nella console, ha restituito l’oggetto di destinazione, sovrascrivendo le proprietà con nuovi valori. Ora la nostra console ha questo aspetto:

Ecco come appare l’unione di due oggetti con le stesse proprietà . E se dovessimo unire tre oggetti con proprietà diverse? Cosa ti aspetti che accada?

Obj1 è il nostro obiettivo obj. Obj2 e obj3 sono i nostri oggetti sorgente. Quelli si fonderanno nel nostro oggetto di destinazione. Poiché nessuna proprietà si sovrappone, tutte le proprietà verranno unite in obj1 con i rispettivi valori.

Ci siamo! Un’implementazione funzionante di Object.assign(). Una volta compresi i concetti qui, sei un passo avanti verso l’apprendimento di un framework JavaScript!

Pronto per saperne di più?

Dai un’occhiata a questi tutorial per approfondire il tuo studio‚Ķ

JavaScript Object.keys()

Una guida passo passo a JavaScript lascia

tipi di JavaScript

Stringa JavaScript contiene: Guida passo passo

Variabili JavaScript< br>

Shop

Learn programming in R: courses

$

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers

News


Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method