Spiegata dell'operatore di diffusione JavaScript

JavaScript supporta numerosi operatori, metodi e funzioni per rendere il codice comprensibile e riutilizzabile facilmente. Uno degli operatori ben noti, l'operatore di diffusione è praticato ad recuperare elementi da variabili di vari tipi di dati (i.e., stringhe, array, oggetti, ecc.). Inoltre, l'uso dell'operatore di diffusione è molteplice in modo da poter essere utilizzato per copiare elementi di array, array concatena, aggiungere qualsiasi elemento a un array esistente e molti altri.

Questa guida fornisce il funzionamento dell'operatore di diffusione in JavaScript con i suoi molteplici usi. I seguenti contenuti sarebbero trattati in questo articolo:

1. Come l'operatore di diffusione funziona in JavaScript
2. Come utilizzare l'operatore di spread in JavaScript

Come l'operatore di diffusione funziona in JavaScript

La sintassi dell'operatore di diffusione è simile all'operatore di resto come si può vedere di seguito.

... var

Sebbene la sintassi del resto e dell'operatore di diffusione sia uguale, hanno funzionalità diverse da offrire. L'operatore di resto restituisce la combinazione di elementi in una variabile di array mentre l'operatore di diffusione diffonde l'oggetto in singoli elementi.

Come concaterare le array usando l'operatore di diffusione

Cosa ti viene in mente mentre concatenuti array? Metodo Concat (), a destra? Tuttavia, l'operatore di diffusione può anche essere utilizzato per unire due o più array in un singolo. Il codice fornito di seguito si riferisce alla concatenazione di array in JavaScript utilizzando l'operatore di spread.

var arr1 = [1, 2, 3]
var arr2 = [4, 5, 6]
var arr3 = [… arr1,… arr2];
console.log (arr3);

Il codice sopra crea due array denominati ARR1 e ARR2. Più tardi, questi array vengono uniti utilizzando un operatore di diffusione e memorizzati in un altro array chiamato arr3.

Produzione

L'uscita mostra che l'operatore di diffusione ha concatenato due array.

Come aggiungere nuovi elementi a un array utilizzando l'operatore di diffusione

Il seguente codice si riferisce all'utilizzo dell'operatore di spread per aggiungere nuovi elementi a un array.

var arr1 = [1, 2, 3]
arr1 = [… arr1, 4, 5];
console.log (arr1);

Il codice sopra crea un array di numeri che ha tre elementi. Tuttavia, utilizzando l'operatore di diffusione, vengono aggiunti altri due elementi ARR1.

Produzione

L'output mostra che vengono aggiunti due nuovi elementi di ARR1.

Come utilizzare l'operatore di diffusione con funzioni matematiche

In JavaScript, le funzioni matematiche vengono utilizzate per eseguire alcuni calcoli sui dati. È possibile utilizzare l'operatore di spread con funzioni di corrispondenza per eseguire i calcoli in modo più efficace come verrebbe praticato nel codice seguente.

var arr1 = [11, -22, 13, -44, 35]
console.registro (matematica.max (… arr1));

Il codice sopra crea un array di numeri e Matematica.max La funzione viene utilizzata sui valori dell'array utilizzando l'operatore di spread.

Produzione

L'output mostra che il Matematica.funzione max () è stato applicato su ARR1 con l'aiuto dell'operatore di diffusione e il valore massimo del ARR1 è restituito.

Come convertire "String in un array di caratteri stringa" usando l'operatore di diffusione

Il codice fornito di seguito utilizza un operatore di spread per convertire la stringa in una serie di stringhe.

var x = "linuxhint";
var arr = [… x];
console.log (arr);

Il codice sopra inizializza una stringa e quindi l'operatore di diffusione separa i caratteri della stringa in una matrice di stringhe.

Produzione

L'output mostra che l'operatore di diffusione ha separato i caratteri della stringa ed è memorizzato in un array.

Come utilizzare l'operatore di spread nella chiamata di funzione

Il codice fornito di seguito utilizza un operatore di spread da utilizzare per passare più argomenti.

funzione add (a, b, c, d, e)
console.Log (A+B+C+D+E)

var args = [10, 14, 18]
Aggiungi (... Args, 5, 8);

Una funzione aggiungere viene creato che accetta cinque valori come argomenti e aggiunge questi valori. IL args è un array di numeri che contengono tre elementi. Mentre si chiama la funzione, i valori in args sono esercitati con l'operatore di diffusione e due parametri vengono utilizzati individualmente per completare i cinque argomenti.

Produzione

L'output mostra che il Aggiungi () funzione è chiamato con il Args, 5 e 8. IL args comprendere tre valori che verrebbero distribuiti sulla funzione.

Conclusione

L'operatore di diffusione ti consente di estrarre gli elementi e diffonderli in individui. L'operatore di diffusione è entrato nel business in ES6 (l'ultima versione di JS rilasciata nel 2015). Questo articolo dimostra il funzionamento e l'utilizzo di un operatore di diffusione in JavaScript. Con l'aiuto dell'operatore di diffusione, si possono concaterare array, aggiungere nuovi elementi a un array, abbattere la stringa in singoli caratteri e molti altri. Tutti gli usi sopra indicati dell'operatore di diffusione sono spiegati qui con l'aiuto di esempi.