Come estendere un array JavaScript esistente con un altro array, senza creare un nuovo array

Come estendere un array JavaScript esistente con un altro array, senza creare un nuovo array

La creazione di un nuovo array richiede l'allocazione di una nuova memoria, che consuma un gran numero di risorse e tempo. Inoltre, se l'array viene utilizzato in altre parti dell'applicazione, la creazione di un nuovo array richiederebbe l'aggiornamento di tutti i riferimenti all'array originale. Più specificamente, estendere l'array senza crearne uno nuovo consente allo sviluppatore di aggiungere nuovi elementi all'array senza incorrere in questi costi.

Questo articolo definirà i metodi per estendere l'array esistente con un altro array senza creare/definire un nuovo array in JavaScript.

Come estendere un array esistente con un altro array, senza creare/definire un nuovo array?

Per estendere un array senza creare un nuovo array, utilizzare i seguenti metodi:

    • Metodo push () con l'operatore di diffusione
    • Metodo push () con il metodo Applic ()

Metodo 1: estendere un array esistente con un altro array, senza creare/definire un nuovo array usando il metodo "push ()" con operatore di diffusione

Usa il "spingere()Metodo "con il"operatore di diffusione"Per estendere l'array senza creare un nuovo array. L'operatore "Spread Operator" copia tutti gli elementi dell'array e spinge nell'array esistente usando il metodo "push ()".

Sintassi

Segui la sintassi di seguito per il metodo push () con l'operatore di diffusione per estendere l'array:

Array1.push (... array2)


Nella sintassi di cui sopra, l'operatore di diffusione (...) copia gli elementi del "Array2"E li spinge al"Array1".

Esempio

Crea una serie di colori:

const array1 = ['rosso', 'blu'];


Crea un altro array chiamato "Array2"Dei fiori:

const array2 = ['rose', 'viola'];


Ora, push array2 in array1 usando il metodo push () con l'operatore di diffusione:

Array1.push (... array2);


Stampa l'array esteso esistente sulla console:

console.log (array1);


Si può vedere che l'Array1 è stato esteso con successo aggiungendo elementi Array2:

Metodo 2: estendere un array JavaScript esistente con un altro array, senza creare un nuovo array usando il metodo "push ()" con il metodo "appliche ()"

Puoi anche utilizzare il "spingere()Metodo "con il"fare domanda a()"Metodo per estendere l'array. Il metodo Applica () prende entrambi gli array come argomento e spinge i loro elementi nell'array esistente.

Sintassi

Utilizzare la seguente sintassi per estendere l'array utilizzando il metodo Applica () con il metodo push ():

Array1.spingere.Applica (Array1, Array2)


Esempio

Chiama il metodo Applica () passando entrambi gli array "Array1" E "Array2"Con il metodo push () per estendere l'array1 aggiungendo gli elementi di Array2:

Array1.spingere.applicare (array1, array2);


Infine, stampa l'array risultante sulla console:

console.log (array1);


Produzione


Si tratta dell'estensione di un array senza creare un nuovo array in JavaScript.

Conclusione

Per estendere un array senza creare un nuovo array, usa il "spingere() metodo con il operatore di diffusione" o il "spingere() metodo con fare domanda a() metodo". L'operatore di diffusione copia elementi del secondo array e li spinge nel primo array esistente. In questo articolo, abbiamo definito i metodi per estendere l'array con un altro array senza creare/definire un nuovo array in JavaScript.