Méthodes Javascript

| | | |

JavaScript a une classe Object qui a toutes sortes de méthodes que nous pouvons utiliser pour manipuler ces objets. Dans cet article, nous allons examiner la méthode Object.assign() et montrer comment elle est utilisée.

Nous vous rappelons qu’un objet est un type de données en JavaScript, similaire à dictionnaires en Python , qui ont ce que nous appelons des paires clé: valeur. Disons que nous avons un objet, appelons-le Harry. Il peut avoir des paires clé: valeur similaires à ceci:

La règle de base de le thème dans cette situation est que le nom de la propriété à gauche des deux points est la clé et les choses à droite sont la valeur. La plupart des clés et des valeurs sont assez simples - la seule qui peut être un peu risquée est la dernière propriété: pet. L’animal de compagnie est toujours la clé ici. La valeur, cependant, est un objet qui a deux autres paires de clés: value. C’est ce que nous appelons un objet imbriqué.

Object.assign (target,… sourceObjs);

Il existe une méthode Object appelée assign () qui peut être utilisé pour prendre un ou plusieurs objets source et les copier dans un objet cible. Allons directement au code pour voir ce qu’il fait:

Exposons le code ensemble. Commençons par un objet littéral appelé hpChar. Ce hpChar a un prénom, un nom, un √¢ge, un domicile et un animal de compagnie. Cette propriété pet est un objet lui-même et a quelques clés et valeurs par lui-même.

Ensuite, nous avons notre première instance de notre méthode dont nous sommes ici pour parler. Object.assign accepte deux paramètres ou plus. Le premier est toujours l’objet cible auquel vous souhaitez affecter des valeurs. Dans ce cas, c’est un objet vide.

Le deuxième paramètre est notre objet défini ci-dessus. C’est le matériau source à partir duquel nous allons prendre pour attribuer à l’objet cible (notre premier paramètre).

La ligne suivante enregistre le résultat dans la console:

Rien de bien différent, n’est-ce pas ? C’est parce que nous avons attribué hpChar à un objet vide - nous avons essentiellement cloné l’objet. Et si c’était à refaire, mais en changeant certaines valeurs ? Au lieu de l’objet vide cette fois, remplaçons-le par l’objet hpChar - ce sera notre objectif cette fois. Modifions quelques valeurs sur le deuxième paramètre. N’hésitez pas à jouer avec les valeurs tant que vous gardez les mêmes clés.

Voici les valeurs que je vais remplacer. Si la valeur dans l’objet cible ne doit pas être modifiée, il n’est pas nécessaire d’obtenir explicitement sa valeur dans l’objet source.

La deuxième fois que nous avons enregistré le résultat dans la console, il a renvoyé l’objet cible, écrasant les propriétés avec de nouvelles valeurs. Maintenant notre console ressemble à ceci:

C’est ce qui relie deux objets avec les mêmes propriétés. Et si on fusionnait trois objets aux propriétés différentes ? Qu’espérez-vous qu’il se passe ?

Obj1 est notre cible obj. Obj2 et obj3 sont nos objets sources. Ceux-ci fusionneront dans notre objet cible. Comme aucune propriété ne se chevauche, toutes les propriétés seront fusionnées dans obj1 avec leurs valeurs respectives.

C’est parti ! Une implémentation fonctionnelle de Object.assign(). Une fois que vous avez compris les concepts ici, vous êtes un pas de plus vers l’apprentissage d’un framework JavaScript !

Prêt à en savoir plus ?

Consultez ces tutoriels pour approfondir votre étude... < /p>

JavaScript Object.keys ()

A guide pas à pas des feuilles JavaScript

types JavaScript

La chaaîne JavaScript contient: Guide pas à pas

Variables JavaScript
< /p>

Méthodes Javascript __dict__: Questions

Méthodes Javascript exp: 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

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