Comment fusionner des tableaux en TypeScript ?

Fusionner des tableaux en TypeScript #

Utilisez la syntaxe d’étalement pour fusionner les tableaux en TypeScript, par ex.
const arr3 = [...arr1, ...arr2]. La syntaxe d’étalement va décompresser les valeurs de
les tableaux dans un nouveau tableau. Le tableau final aura un type qui reflétera les types
types des valeurs des tableaux fournis.

const arr1 = ['a', 'b'];
const arr2 = ['c', 'd'];


const arr3 = [...arr1, ...arr2];

Nous avons utilisé la syntaxe
syntaxe d’étalement (…)
pour décompresser les éléments de 2 tableaux dans un troisième tableau.

Le type du tableau final reflète le type des tableaux fournis.

const arr1 = ['a', 'b'];
const arr2 = [1, 2];


const arr3 = [...arr1, ...arr2];


console.log(arr3);

Nous avons utilisé la syntaxe d’étalement (…) pour décomposer un tableau de chaînes de caractères et un tableau de nombres en un troisième tableau.
troisième tableau.

Le type du troisième tableau est une
union
représentant un tableau de chaînes de caractères et de nombres.

Lorsque vous utilisez la syntaxe de l’étalement, l’ordre dans lequel vous déballez les tableaux est important.
important.

const arr1 = ['a', 'b'];
const arr2 = ['c', 'd'];


const arr3 = [...arr2, ...arr1];


console.log(arr3);

Ce processus peut être répété avec autant de tableaux que nécessaire.

const arr1 = ['a', 'b'];
const arr2 = ['c', 'd'];
const arr3 = ['e', 'f'];


const arr4 = [...arr1, ...arr2, ...arr3];


console.log(arr4);

Vous pouvez également voir la fonction
Array.concat
pour fusionner des tableaux en TypeScript.

const arr1 = ['a', 'b'];
const arr2 = ['c', 'd'];
const arr3 = ['e', 'f'];


const arr4 = arr1.concat(arr2, arr3);


console.log(arr4);

Le site concat fusionne également deux tableaux ou plus. La méthode prend un ou plusieurs
tableaux comme paramètres et les fusionne dans le tableau sur lequel elle a été appelée.

Cependant, vous devriez vous en tenir à l’utilisation de la syntaxe étendue (…), car les typages
pour les concat en TypeScript ne sont pas aussi intuitifs.

const arr1 = ['a', 'b'];
const arr2 = [1, 2];



const arr3 = arr1.concat(arr2);

L’exemple ci-dessus entraîne une erreur de la part du vérificateur de type, car nous avons appelé
le site concat() sur un tableau de chaînes de caractères et lui avons passé un tableau de nombres.

Ce n’est pas le cas lorsque l’on travaille avec la syntaxe d’étalement (…), qui est beaucoup plus flexible.
plus flexible.