Array.prototype.concat în JavaScript

Tablouri (array) Toate browserele, Node.js

Returnează un tablou nou format din tabloul inițial urmat de alte tablouri sau valori.

Sintaxă
tablou.concat(valoare1, valoare2, ...)

Ce face Array.prototype.concat

concat nu modifică tabloul inițial. Tablourile primite ca parametri sunt „desfăcute” cu un nivel (elementele lor sunt adăugate unul câte unul), iar celelalte valori sunt adăugate ca atare.

În cod nou, același rezultat se obține de obicei cu spread: [...a, ...b].

Parametri

Parametru Descriere
valoare1, valoare2, ... Tablouri sau valori de adăugat.

Ce returnează

Un tablou nou.

Exemple

Exemplul 1: Unirea a două liste

const fructe = ["mere", "pere"];
const legume = ["morcovi"];

const cos = fructe.concat(legume, "pâine", [["ouă"]]);
console.log(cos);
console.log(fructe);
console.log([...fructe, ...legume]);

Rezultat

[ 'mere', 'pere', 'morcovi', 'pâine', [ 'ouă' ] ]
[ 'mere', 'pere' ]
[ 'mere', 'pere', 'morcovi' ]

Greșeli frecvente

  • Te aștepți ca concat să adauge în tabloul existent, ca push. Returnează un tablou nou, pe care trebuie să-l salvezi.

Comenzi înrudite

  • ... (spread): Desface un tablou sau un obiect în elementele lui. Folosit pentru copii și combinări.
  • push: Adaugă unul sau mai multe elemente la sfârșitul unui tablou.
  • Array.prototype.flat: Aplatizează un tablou care conține alte tablouri, până la adâncimea dorită.