Concatenare elementi con concat degli array in JavaScript

Spesso, ci troviamo nella necessità di unire due o più array per creare una nuova collezione di dati. In questa pagina, esploreremo il metodo concat degli array in JavaScript.

Il metodo concat consente di combinare gli elementi di uno o più array in un nuovo array. A differenza di altre operazioni sugli array che modificano gli array originali, concat crea un nuovo array senza alterare quelli esistenti.

let primiNumeri = [1, 2, 3];
let numeriSuccessivi = [4, 5, 6];
let tuttiINumeri = primiNumeri.concat(numeriSuccessivi);

console.log(tuttiINumeri); // Output: [1, 2, 3, 4, 5, 6]

Concatenare più array con il metodo concat

Il metodo concat può essere utilizzato per unire più di due array contemporaneamente.

let numeri1 = [1, 2];
let numeri2 = [3, 4];
let numeri3 = [5, 6];
let tuttiINumeri = numeri1.concat(numeri2, numeri3);

console.log(tuttiINumeri); // Output: [1, 2, 3, 4, 5, 6]

Il metodo concat può essere utilizzato per unire array contenenti stringhe.

let nomi1 = ['Marco', 'Anna'];
let nomi2 = ['Luca', 'Sara'];
let tuttiINomi = nomi1.concat(nomi2);

console.log(tuttiINomi); // Output: ['Marco', 'Anna', 'Luca', 'Sara']

Concatenare elementi singoli ad un array

Il metodo concat non si limita solo ad unire array, ma può essere utilizzato anche per aggiungere elementi singoli all'array risultante. Ad esempio:

let numeri = [1, 2, 3];
let numeriSuccessivi = numeri.concat(4, 5, 6);

console.log(numeriSuccessivi); // Output: [1, 2, 3, 4, 5, 6]

Concatenazione di array di oggetti

Il metodo concat può essere utilizzato anche per combinare array contenenti oggetti. Per esempio:

let studenti1 = [{nome: 'Marco', voto: 90}, {nome: 'Anna', voto: 85 }];
let studenti2 = [{nome: 'Luca', voto: 88 }, {nome: 'Sara', voto: 95 }];
let tuttiGliStudenti = studenti1.concat(studenti2);

console.log(tuttiGliStudenti);

Il nuovo array conterrà tutti gli oggetti degli studenti.