Matrice De Copie Javascript

exp | find | JavaScript | mean | sep | sin

Michael Zippo 04.11.2021

En JavaScript , copier un tableau n’est pas aussi simple que d’utiliser l’opérateur d’affectation (=) pour créer un doublon. Si vous avez déjà essayé cela, vous serez surpris de constater que cela ne crée qu’un lien vers la liste d’origine. Quel est le problème ?

Dans ce guide, nous expliquerons comment copier un tableau JavaScript. Nous examinerons le code de trois stratégies de copie de tableaux JavaScript afin que vous puissiez commencer à copier des tableaux.

Le problème de la copie de tableaux JavaScript

√Ä un certain niveau, le " = & Rdquo; L’opérateur crée une copie d’un tableau dans une nouvelle variable . Cependant, il s’agit plus d’un pointeur que d’une copie. C’est parce que l’ opérateur "=" crée une référence à un tableau d’origine. Il ne crée pas de doublon du tableau existant.

Essayons de créer une copie d’un tableau en utilisant l’ opérateur d’affectation sans autre code:

Notre code renvoie:

Il semble que notre tableau ait été copié. "Fruit" contient toutes les valeurs de notre tableau "berries" .

Maintenant, essayons d’ajouter un élément au dossier du tableau "fruits":

Nous avons ajouté "Melon" à la série de fruits. Ensuite, nous imprimons les valeurs de " fruits " et " baies " sur la console:

Les "fruits" et les "baies" contiennent les mêmes valeurs. C’est parce que techniquement, nous n’avons pas cloné notre baie. Nous venons de créer une référence à celui-ci.

Chaque fois que nous manipulons le tableau "berries" , les modifications seront apportées dans le champ du tableau "fruits" .

Comment copier un tableau JavaScript

L’opérateur d’affectation ne copie pas un tableau. Nous devons utiliser une autre approche. Heureusement pour nous, il existe de nombreuses façons de faire une copie d’un tableau. Les trois principales approches sont:

• Utilisation de l’opérateur spread
• Utilisation d’une boucle for
• Utilisation de Array.from

Discutons-en un par un.

Utilisation de l’opérateur spread

L’opérateur spread est une fonctionnalité introduite dans JavaScript ES6. Il permet d’accéder au contenu d’un objet itérable. Cet opérateur est souvent utilisé pour faire une copie superficielle d’un tableau.

L’opérateur spread se compose de trois points, comme une ellipse (& hellip;). Essayons de créer une copie de notre tableau "berries" d’avant:

Nous avons utilisé l’opérateur spread pour créer une copie de notre tableau. Nous vérifions les valeurs de nos tableaux pour nous assurer qu’elles sont correctes:

Notre code renvoie:

La valeur & ldquo ; Melon " A été ajouté uniquement aux " fruits " Carrier. En effet, nous avons utilisé l’opérateur de diffusion pour créer un duplicata du vecteur " baies " . Maintenant, le tableau "fruits" est son propre tableau. Ses valeurs sont séparées par les tableaux "berry" .

Utilisation d’une boucle for

La méthode éprouvée, l’utilisation d’une boucle for est un bon moyen de créer une copie d’un tableau .

Cette méthode peut ne pas être privilégiée comme opérateur de propagation car elle nécessite plusieurs lignes de code. Cela dit, une boucle for copie bien un objet.

Nous avons déclaré deux listes: berries et fruits. Fruits est initialement une liste vide. Nous avons donc utilisé une boucle for pour parcourir tous les éléments de la liste "berries" . Pour chaque élément de la liste, la valeur est copiée dans le dossier du tableau "fruit" .

Exécutons notre test pour voir si nos tableaux sont séparés:

Notre code renvoie:

Succès ! "Berries" et "fruit" sont deux tableaux distincts.