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>

Nous espérons que cet article vous a aidé à résoudre le problème. Outre Méthodes Javascript, consultez d'autres sujets liés à __dict__.

Vous voulez exceller en Python? Consultez notre examen des meilleurs cours en ligne Python 2022. Si vous êtes intéressé par la science des données, découvrez également comment apprendre la programmation en R.

Au fait, ce matériel est également disponible dans d'autres langues:



Olivia Zelotti

Prague | 2022-11-30

sin est tout un peu confus 😭 Méthodes Javascript n'est pas le seul problème que j'ai rencontré. J'espère juste que ça n'émergera plus

Manuel Lehnman

Berlin | 2022-11-30

C'est simple et clair. Merci de partager. Méthodes Javascript et autres problèmes avec __dict__ ont toujours été mon point faible 😁. Je reviendrai demain avec des commentaires

Angelo Galleotti

Boston | 2022-11-30

to_dict est tout un peu confus 😭 Méthodes Javascript n'est pas le seul problème que j'ai rencontré. Je reviendrai demain avec des commentaires

Shop

Learn programming in R: courses

$

Best Python online courses for 2022

$

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

$

Latest questions

NUMPYNUMPY

Common xlabel/ylabel for matplotlib subplots

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Why do I get "Pickle - EOFError: Ran out of input" reading an empty file?

12 answers

NUMPYNUMPY

Flake8: Ignore specific warning for entire file

12 answers

NUMPYNUMPY

glob exclude pattern

12 answers

NUMPYNUMPY

How to avoid HTTP error 429 (Too Many Requests) python

12 answers

NUMPYNUMPY

Python CSV error: line contains NULL byte

12 answers

NUMPYNUMPY

csv.Error: iterator should return strings, not bytes

12 answers


Wiki

Python | How to copy data from one Excel sheet to another

Common xlabel/ylabel for matplotlib subplots

Check if one list is a subset of another in Python

sin

How to specify multiple return types using type-hints

exp

Printing words vertically in Python

exp

Python Extract words from a given string

Cyclic redundancy check in Python

Finding mean, median, mode in Python without libraries

cos

Python add suffix / add prefix to strings in a list

Why do I get "Pickle - EOFError: Ran out of input" reading an empty file?

Python - Move item to the end of the list

Python - Print list vertically