Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Récapitulatif de la Manipulation Avancée des Objets | Techniques Avancées de Manipulation d'Objets
Structures de Données JavaScript

bookRécapitulatif de la Manipulation Avancée des Objets

Glissez pour afficher le menu

Itération d'objet avec la boucle for...in

  • La boucle for...in est utilisée pour itérer sur les propriétés d'un objet ;
  • Elle permet d'accéder à chaque nom de propriété (clé) ainsi qu'à sa valeur correspondante lors de l'itération ;
  • Une syntaxe de base pour la boucle for...in est :
for (let key in object) {
// code
}
  • Cette boucle permet de parcourir les propriétés d'un objet et d'effectuer des opérations sur celles-ci ;
  • Exemple : Parcours des propriétés d'un objet et affichage de leurs noms et valeurs.

Gestion des propriétés avec hasOwnProperty()

  • hasOwnProperty() est une méthode permettant de vérifier si une propriété spécifique existe directement sur un objet, la distinguant ainsi des propriétés héritées ;
  • Elle retourne une valeur booléenne indiquant si l'objet possède une propriété avec le nom spécifié ;
  • Elle est souvent utilisée avec la boucle for...in pour s'assurer que seules les propriétés propres de l'objet sont accédées ;
  • Exemple : Utilisation de hasOwnProperty() avec la boucle for...in pour itérer de manière sécurisée sur les propriétés d'un objet.

Opérateur de propagation (Spread Operator)

  • L'opérateur de propagation (...) est un outil permettant de créer de nouveaux objets en fusionnant et en copiant les propriétés d'objets existants ;
  • Il permet de cloner des objets, d'ajouter ou de modifier des propriétés, et de créer de nouveaux objets ;
  • La syntaxe de base pour la création d'objet à l'aide de l'opérateur de propagation est :
const newObject = { ...sourceObject };
  • Exemples : Clonage d'un objet, ajout/modification de propriétés, et fusion de propriétés de plusieurs objets à l'aide de l'opérateur de propagation.

Décomposition d'objet

  • La décomposition d'objet permet d'extraire des propriétés spécifiques d'un objet et de les affecter à des variables ;
  • Elle rend le code plus concis et lisible, en particulier pour les objets comportant plusieurs propriétés ;
  • La syntaxe de la décomposition d'objet est :
const { property1, property2, ...} = sourceObject;
  • Il est possible de fournir des valeurs par défaut, de renommer des variables et d'effectuer une décomposition d'objet imbriquée ;
  • Exemples : extraction de propriétés d'un objet, attribution de valeurs par défaut, renommage de variables et décomposition d'objets imbriqués.
Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 3. Chapitre 9

Demandez à l'IA

expand

Demandez à l'IA

ChatGPT

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

Section 3. Chapitre 9
some-alt