Méthodes courantes des objets javascript

JavaScript est un langage de programmation populaire utilisé pour créer des pages Web interactives et des applications Web dynamiques. La partie la plus importante est constituée d'objets, qui permettent aux programmeurs de créer, de stocker et de manipuler des données. Dans cet article, nous approfondirons les méthodes courantes des objets JavaScript.

1. Création d'objets

En JavaScript, nous pouvons créer des objets de deux manières. La première consiste à utiliser des littéraux d’objet. Il s'agit d'une syntaxe simple et intuitive pour créer des objets contenant des paires clé-valeur. Par exemple :

let person = { 
    firstName: "John", 
    lastName: "Doe", 
    age: 30 
};

La deuxième façon consiste à utiliser un constructeur. Un constructeur est une fonction spéciale utilisée pour créer des objets. Il utilise le mot-clé new et le nom de la fonction pour créer une nouvelle instance. Par exemple :

function Person(firstName, lastName) { 
    this.firstName = firstName; 
    this.lastName = lastName; 
    this.sayHello = function() { 
        console.log("Hello, my name is " + this.firstName + " " + 
        this.lastName); 
    } 
}

let john = new Person("John", "Doe"); 
john.sayHello(); // 输出 "Hello, my name is John Doe"

2. Accès et modification des propriétés d'un objet

En JavaScript, nous pouvons utiliser l'opérateur point ou l'opérateur crochet pour accéder et modifier les propriétés de l'objet. Par exemple :

let person = { 
    firstName: "John", 
    lastName: "Doe", 
    age: 30 
};

console.log(person.firstName); // 输出 "John"
person.age = 40;
console.log(person.age); // 输出 40 

person["lastName"] = "Smith";
console.log(person.lastName); // 输出 "Smith"

3. Parcours des propriétés d'un objet

Il existe deux méthodes courantes pour parcourir les propriétés d'un objet en JavaScript : la boucle for-in et la méthode Object.keys().

Utilisez une boucle for-in pour parcourir toutes les propriétés énumérables d'un objet. Par exemple :

let person = { 
    firstName: "John", 
    lastName: "Doe", 
    age: 30 
};

for (let prop in person) { 
    console.log(prop + ": " + person[prop]); 
} 

/*
输出：
firstName: John
lastName: Doe
age: 30
*/

L'utilisation de la méthode Object.keys() peut renvoyer un tableau contenant les noms de toutes les propriétés énumérables de l'objet. Par exemple :

let person = { 
    firstName: "John", 
    lastName: "Doe", 
    age: 30 
};

let props = Object.keys(person);
console.log(props); // 输出 ["firstName", "lastName", "age"]

4. Supprimer les propriétés d'un objet

En JavaScript, nous pouvons utiliser l'opérateur delete pour supprimer les propriétés d'un objet. Par exemple :

let person = { 
    firstName: "John", 
    lastName: "Doe", 
    age: 30 
};

delete person.age; // 删除age属性
console.log(person); // 输出 {firstName: "John", lastName: "Doe"}

5. Déterminer si une propriété d'objet existe

En JavaScript, nous pouvons utiliser l'opérateur in ou la méthode hasOwnProperty() pour déterminer si un objet contient une certaine propriété. Par exemple :

let person = { 
    firstName: "John", 
    lastName: "Doe", 
    age: 30 
};

console.log("firstName" in person); // 输出 true
console.log("gender" in person); // 输出 false

console.log(person.hasOwnProperty("firstName")); // 输出 true
console.log(person.hasOwnProperty("gender")); // 输出 false

6. Renommer les propriétés d'un objet

En JavaScript, nous pouvons renommer une propriété d'objet en créant une nouvelle propriété et en définissant sa valeur sur la valeur de l'ancienne propriété, puis en utilisant l'opérateur de suppression pour supprimer l'ancienne propriété. . Par exemple :

let person = { 
    firstName: "John", 
    lastName: "Doe", 
    age: 30 
};

person.fullName = person.firstName + " " + person.lastName;
delete person.firstName;
delete person.lastName;

console.log(person); // 输出 {fullName: "John Doe", age: 30}

7. Cloner un objet

En JavaScript, nous pouvons cloner superficiellement un objet en utilisant la méthode Object.assign() ou l'opérateur spread (...). Cela signifie que l'objet d'origine et l'objet de copie partagent des propriétés du même type de référence. Par exemple :

let person = { 
    firstName: "John", 
    lastName: "Doe", 
    age: 30 
};

let clone = Object.assign({}, person);
console.log(clone); // 输出 {firstName: "John", lastName: "Doe", age: 30}

let { ...copy } = person;
console.log(copy); // 输出 {firstName: "John", lastName: "Doe", age: 30}

Pour créer un clone profond, c'est-à-dire créer une nouvelle propriété de type valeur de référence dans l'objet de copie, nous devons utiliser des fonctions de récursion ou de bibliothèque.

8. Gelage d'objets

En JavaScript, nous pouvons utiliser la méthode Object.freeze() pour geler un objet, interdisant ainsi la modification de ses propriétés et méthodes. Par exemple :

let person = { 
    firstName: "John", 
    lastName: "Doe", 
    age: 30 
};

Object.freeze(person);

person.age = 40;
console.log(person.age); // 输出 30

person.fullName = person.firstName + " " + person.lastName;
console.log(person.fullName); // 输出 undefined

9. Comparaison d'objets

En JavaScript, lorsque nous utilisons les opérateurs == et === pour comparer deux objets, ils ne retourneront vrai que si et seulement si les deux objets font référence au même objet. Si nous devons comparer les propriétés et les méthodes de deux objets, nous devons comparer manuellement chacune de leurs propriétés et méthodes. Par exemple :

let person1 = { 
    firstName: "John", 
    lastName: "Doe", 
    age: 30 
};

let person2 = { 
    firstName: "John", 
    lastName: "Doe", 
    age: 30 
};

let isEqual = true;

for (let prop in person1) { 
    if (person1[prop] !== person2[prop]) { 
        isEqual = false; 
        break; 
    } 
}

console.log(isEqual); // 输出 true

Pour résumer, les objets sont un concept de base et un élément constitutif de la programmation JavaScript. Comprendre les méthodes courantes des objets JavaScript permet aux programmeurs de créer, stocker et manipuler des données plus efficacement, créant ainsi de meilleures applications Web.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!