Maison > interface Web > js tutoriel > comment créer un objet en javascript

comment créer un objet en javascript

下次还敢
Libérer: 2024-05-08 22:24:20
original
335 Les gens l'ont consulté

Il existe quatre façons de créer des objets en JavaScript : la syntaxe littérale d'objet, le constructeur, la méthode Object.create() et la syntaxe de classe (ES6). Les propriétés de l'objet sont accessibles et modifiées via l'opérateur point ou la notation entre crochets, tandis que l'opérateur de suppression peut être utilisé pour supprimer des propriétés.

comment créer un objet en javascript

Comment créer des objets en JavaScript

Introduction
Les objets sont la structure de base pour stocker des données en JavaScript. Ils permettent d'organiser les données en paires clé-valeur pour un accès et une manipulation faciles.

Création d'objets
Il existe plusieurs façons de créer des objets en JavaScript :

  • Syntaxe littérale d'objet : C'est le moyen le plus rapide et le plus simple de créer des objets.
<code class="js">const person = {
  name: "John Doe",
  age: 30,
  occupation: "Software Engineer",
};</code>
Copier après la connexion
  • Constructeur : Vous pouvez créer un objet à l'aide d'un constructeur, qui est responsable de l'initialisation des propriétés de l'objet.
<code class="js">function Person(name, age, occupation) {
  this.name = name;
  this.age = age;
  this.occupation = occupation;
}

const person = new Person("John Doe", 30, "Software Engineer");</code>
Copier après la connexion
  • Object.create() : Cette méthode crée un nouvel objet qui hérite des propriétés et des méthodes de l'objet prototype spécifié.
<code class="js">const person = Object.create({
  name: "John Doe",
  age: 30,
  occupation: "Software Engineer",
});</code>
Copier après la connexion
  • Syntaxe des classes (ES6) : Les classes offrent une manière plus moderne de créer des objets.
<code class="js">class Person {
  constructor(name, age, occupation) {
    this.name = name;
    this.age = age;
    this.occupation = occupation;
  }
}

const person = new Person("John Doe", 30, "Software Engineer");</code>
Copier après la connexion

Accéder aux propriétés de l'objet
Vous pouvez utiliser l'opérateur point (.) ou la notation entre crochets ([]) pour accéder aux propriétés de l'objet : .)或方括号表示法([])访问对象属性:

<code class="js">console.log(person.name); // John Doe
console.log(person["age"]); // 30</code>
Copier après la connexion

修改对象属性
可以使用与访问属性相同的方法修改对象属性:

<code class="js">person.name = "Jane Doe";
person["age"] = 31;</code>
Copier après la connexion

删除对象属性
可以使用 delete

<code class="js">delete person.occupation;</code>
Copier après la connexion
🎜 Modification Propriétés de l'objet 🎜🎜 Les propriétés de l'objet peuvent être modifiées en utilisant la même méthode que pour accéder aux propriétés : 🎜rrreee 🎜🎜 Les propriétés de l'objet peuvent être supprimées 🎜🎜 Les propriétés de l'objet peuvent être supprimées à l'aide de l'opérateur delete : 🎜rrreee

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal