Objets en JavaScript

En JavaScript, les objets sont des collections de paires clé-valeur où les valeurs peuvent être des données (propriétés) ou des fonctions (méthodes). Les objets sont fondamentaux pour JavaScript, car presque tout dans JavaScript est un objet, y compris les tableaux, les fonctions et même d'autres objets.

1. Création d'objets

UN. Objet littéral

La façon la plus simple de créer un objet consiste à utiliser des accolades {}.

Exemple:

const person = {
  name: "Alice",
  age: 25,
  greet: function () {
    console.log("Hello!");
  },
};

console.log(person.name); // Output: Alice
person.greet(); // Output: Hello!

B. Constructeur d'objet

L'utilisation du constructeur Object crée un objet vide.

Exemple:

const person = new Object();
person.name = "Bob";
person.age = 30;
person.greet = function () {
  console.log("Hi!");
};

console.log(person.name); // Output: Bob
person.greet(); // Output: Hi!

C. Utilisation d'Object.create()

Cette méthode crée un nouvel objet avec le prototype spécifié.

Exemple:

const prototype = { greet: function () { console.log("Hello!"); } };
const person = Object.create(prototype);
person.name = "Charlie";
console.log(person.name); // Output: Charlie
person.greet(); // Output: Hello!

2. Accès aux propriétés de l'objet

UN. Notation par points

Accédez aux propriétés à l'aide d'un point (.).

Exemple:

console.log(person.name); // Output: Alice

B. Notation entre parenthèses

Accédez aux propriétés à l'aide de crochets ([]). Utile pour les noms de propriétés dynamiques.

Exemple:

console.log(person["name"]); // Output: Alice
const key = "age";
console.log(person[key]); // Output: 25

3. Ajout, modification et suppression de propriétés

• Ajout :

person.country = "USA";
console.log(person.country); // Output: USA

• Modification :

person.age = 26;
console.log(person.age); // Output: 26

• Suppression :

delete person.age;
console.log(person.age); // Output: undefined

4. Méthodes dans les objets

Lorsqu'une fonction est une propriété d'un objet, elle est appelée une méthode.

Exemple:

const car = {
  brand: "Tesla",
  start: function () {
    console.log("Car started!");
  },
};

car.start(); // Output: Car started!

5. Itération sur les propriétés de l'objet

UN. Utiliser pour...dans

Parcourir toutes les propriétés énumérables d'un objet.

Exemple:

for (let key in person) {
  console.log(`${key}: ${person[key]}`);
}

B. Utilisation d'Object.keys()

Renvoie un tableau des clés d'un objet.

Exemple:

Object.keys(person).forEach((key) => {
  console.log(`${key}: ${person[key]}`);
});

C. Utilisation d'Object.entries()

Renvoie un tableau de paires [clé, valeur].

Exemple:

Object.entries(person).forEach(([key, value]) => {
  console.log(`${key}: ${value}`);
});

6. Méthodes d'objet

JavaScript fournit plusieurs méthodes intégrées pour travailler avec des objets.

• Object.assign() : copie les propriétés d'un objet à un autre.

const target = { a: 1 };
const source = { b: 2 };
Object.assign(target, source);
console.log(target); // Output: { a: 1, b: 2 }

• Object.freeze() : Empêche la modification d'un objet.

const obj = { a: 1 };
Object.freeze(obj);
obj.a = 2; // No effect
console.log(obj.a); // Output: 1

• Object.seal() : empêche l'ajout ou la suppression de propriétés mais permet la modification des propriétés existantes.

const obj = { a: 1 };
Object.seal(obj);
obj.b = 2; // No effect
obj.a = 3; // Works
console.log(obj); // Output: { a: 3 }

7. Prototypes et héritage

Les objets en JavaScript ont un prototype, qui est un autre objet dont ils héritent des propriétés et des méthodes.

Exemple:

const animal = { eats: true };
const dog = Object.create(animal);
dog.barks = true;

console.log(dog.eats); // Output: true (inherited)
console.log(dog.barks); // Output: true

8. Déstructuration d'objets

La déstructuration permet d'extraire les propriétés d'un objet vers des variables.

Exemple:

const person = { name: "Alice", age: 25 };
const { name, age } = person;
console.log(name); // Output: Alice
console.log(age); // Output: 25

9. Résumé

• Les objets sont des paires clé-valeur qui peuvent stocker des propriétés et des méthodes.
• Utilisez des littéraux d'objet pour une création d'objet simple.
• Accédez aux propriétés de l'objet à l'aide de la notation par points ou par crochets.
• Utilisez des méthodes intégrées telles que Object.keys(), Object.assign() et Object.freeze() pour une manipulation efficace des objets.
• La maîtrise des objets est cruciale pour comprendre les concepts JavaScript avancés tels que les prototypes et l'héritage.

Bonjour, je m'appelle Abhay Singh Kathayat !
Je suis un développeur full-stack avec une expertise dans les technologies front-end et back-end. Je travaille avec une variété de langages et de frameworks de programmation pour créer des applications efficaces, évolutives et conviviales.
N'hésitez pas à me contacter à mon e-mail professionnel : [email protected].