Matrice De Copie Javascript

| | | | |

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.

Utilisation de Array.from ( )

La méthode Array.from () transforme tout objet itérable en un tableau. à travers chaque élément d’un itérable et l’ajoute à un nouveau tableau. Cela signifie qu’il peut être utilisé pour copier un tableau.

Créons à nouveau une copie de notre tableau "berries":

Cette solution, comme la syntaxe de l’opérateur spread, ne nécessite que deux lignes de code. C’est un moyen efficace et concis de copier un tableau. Maintenant, allons-y ; s exécutez un test pour vérifier nos nouveaux tableaux:

Notre code renvoie:

Nos tableaux ont été copiés avec succès.

Conclusion

Copier un tableau en JavaScript est facile quand on sait faire.

L’opérateur d’affectation ne suffit pas pour copier un tableau si l’on veut créer une version distincte d’un tableau. C’est parce que l’opérateur d’affectation crée un pointeur vers un tableau existant ; ne crée pas de nouveau tableau.

Vous pouvez créer une copie d’un tableau en utilisant l’opérateur spread, une boucle for ou la méthode Array.from () . Vous êtes maintenant prêt à copier des tableaux en JavaScript comme un expert.

Matrice De Copie Javascript exp: Questions

Matrice De Copie Javascript find: Questions

Shop

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Best laptop for Zoom

$499

Best laptop for Minecraft

$590

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers

News

Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method