Operatore Di Diffusione Javascript

| | | | | |

L’operatore di diffusione avaScript espande un array nella sintassi che accetta argomenti. L’operatore di diffusione è comunemente usato per duplicare oggetti, unire array o passare il contenuto di un elenco in una funzione.

L’operatore di diffusione. No, non ha niente a che fare con i toast. In JavaScript, l’operatore di diffusione ha un significato specifico: è un modo per accedere ai contenuti di un oggetto iterabile. Anche se questo potrebbe non sembrare divertente come incollare una crema spalmabile su un toast, è uno strumento incredibilmente utile da conoscere.

In questa guida parleremo dell’operatore di diffusione JavaScript e di come funziona. Esamineremo alcuni esempi di casi d’uso comuni per aiutarti a iniziare.

Che cos’è l’operatore di diffusione JavaScript?

Un operatore di diffusione JavaScript ti consente di accedere ai contenuti di un oggetto iterabile. L’operatore di diffusione è un insieme di tre punti (un’ellissi) seguiti dal nome dell’iterabile a cui si desidera accedere. Questo operatore è stato introdotto in JavaScript ES6.

I tre tipi di oggetti iterabili sono array, oggetti letterali e stringhe. Usando un ciclo for, puoi scorrere tutti questi tipi di dati ed eseguire un processo comune su di essi.

Gli oggetti iterabili sono utili perché puoi eseguire lo stesso processo su di essi più volte. Puoi scorrere una stringa e sostituire determinati caratteri. Puoi scorrere un array e creare un totale di tutti i valori memorizzati nell’array.

La sintassi per l’operatore di diffusione è:

In questa sintassi, usiamo ‚Ķnomi per passare il contenuto dei nostri "nomi" list in un elenco chiamato "new_names". I "nuovi_nomi" l’elenco contiene tutti gli elementi nell’elenco "nomi" list, cosi come un nuovo nome: Leslie.

Tre casi d’uso comuni per l’operatore di diffusione sono:

La sintassi di diffusione rappresenta tutti i singoli elementi di un elenco.

Operatore di diffusione JavaScript: Crea una copia di un iterabile

L’operatore di diffusione è un metodo efficace per duplicare un iterabile. Sebbene ci siano altri modi per affrontare questo problema, l’operatore di diffusione è davvero facile da usare. Per creare una copia di un iterabile , specifica tre punti e il nome dell’array che vuoi creare.

Nel nostro ultimo esempio, abbiamo mostrato come funziona con un array. Possiamo anche usare l’operatore spread per duplicare oggetti JavaScript:

Il nostro codice stampa quanto segue nella console JavaScript:

Ecco sono alcune importanti distinzioni che dobbiamo fare in questo esempio. Stiamo creando una copia di un oggetto JavaScript. Ciò significa che dobbiamo usare le parentesi graffe ({}) invece delle parentesi quadre ([]).

In secondo luogo, invece di specificare un singolo array, abbiamo specificato un oggetto. Questo oggetto contiene tre chiavi e valori, ognuno dei quali è correlato al nostro "Lemon Drizzle" cupcake.

I casi d’uso dell’operatore spread non si fermano alla copia di iterabili! C’è altro da esplorare. L’operatore di diffusione viene comunemente utilizzato per aggiungere elementi da un iterabile all’altro. Considera il seguente esempio:

Il nostro codice restituisce:

Abbiamo creato una copia del nostro originale < un href="/javascript-array/">array JavaScript chiamato "new_cupcakes", che include anche alcuni valori aggiuntivi che abbiamo creato.

Potresti usare la stessa sintassi anche per unire due iterabili. Tutto quello che devi fare è specificare i due iterabili tra parentesi quadre usando l’operatore di diffusione:

Il nostro codice restituisce:

Viene restituito lo stesso risultato di prima, ma questa volta abbiamo unito due array.

Spread JavaScript: passaggio di argomenti a una funzione

Quando si passano più argomenti in una funzione JavaScript, può essere utile utilizzare l’operatore di diffusione. Considera questo esempio:

Il nostro codice restituisce:

Abbiamo dichiarato una funzione chiamata placeOrder() che accetta tre argomenti e li stampa sulla console. Ogni valore è preceduto da un’etichetta che descrive cosa contiene ogni argomento.

Mentre questo codice è funzionale, possiamo specificare i nostri argomenti in un array e usare l’operatore spread per passarli alla nostra funzione:

Il nostro codice restituisce:

L’output di questo codice è lo stesso, ma il modo in cui funziona il nostro codice è diverso. Invece di passare direttamente i valori alla nostra funzione, specifichiamo quei valori in una lista. Usiamo quindi l’operatore spread per passare quei valori alla nostra funzione.



Conclusione

L’operatore di diffusione è ampiamente utilizzato in JavaScript. Semplifica la copia di oggetti iterabili, l’aggiunta di elementi a un nuovo iterabile e il passaggio di argomenti a una funzione. La sintassi per l’operatore di diffusione è tre punti, seguiti dall’oggetto iterabile a cui si desidera accedere.

Ora sei pronto per iniziare a utilizzare l’operatore di diffusione JavaScript come un professionista!

Per consigli sulle migliori risorse di apprendimento, libri e corsi JavaScript, dai un’occhiata al nostro Articolo su come imparare JavaScript.

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


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