Maison >interface Web >js tutoriel >En js, que peut-on utiliser pour accéder aux propriétés et méthodes d'un objet

En js, que peut-on utiliser pour accéder aux propriétés et méthodes d'un objet

下次还敢
下次还敢original
2024-05-07 20:12:19614parcourir

Les méthodes pour accéder aux propriétés et méthodes des objets en JavaScript sont : utilisez le symbole point (.) pour accéder directement aux propriétés et méthodes, telles que : person.name, person.greet(). Les crochets ([]) prennent en charge l'utilisation de chaînes dynamiques ou de variables comme noms d'attribut, telles que : personne['prénom']. L'opérateur de répartition d'objet (...) copie les propriétés et les méthodes dans un autre objet, tel que : const newPerson = { ...person }.

En js, que peut-on utiliser pour accéder aux propriétés et méthodes d'un objet

Accès aux propriétés et méthodes des objets JavaScript

En JavaScript, il existe différentes manières d'accéder aux propriétés et aux méthodes d'un objet.

1. Symbole de point (.)

La manière la plus directe est d'utiliser le symbole de point (.), comme indiqué ci-dessous :

<code>const person = {
  name: 'John',
  age: 30,
  greet: function() {
    console.log('Hello, my name is ' + this.name);
  }
};

// 访问属性
console.log(person.name); // 输出: John

// 访问方法
person.greet(); // 输出: Hello, my name is John</code>

2. Crochets ([])

Parenthèses carrées ([] ) C'est aussi un moyen d'accéder aux propriétés, qui vous permet d'utiliser des chaînes dynamiques ou des variables comme noms de propriétés, comme ceci :

<code>const person = {
  'first name': 'John',
  age: 30,
  greet: function() {
    console.log('Hello, my name is ' + this.name);
  }
};

// 使用动态字符串访问属性
console.log(person['first name']); // 输出: John

// 使用变量访问属性
const propName = 'age';
console.log(person[propName]); // 输出: 30</code>

3 Opérateur de propagation d'objet (...)

Opérateur de propagation d'objet (.. . ) Les propriétés et méthodes d'un objet peuvent être copiées dans un autre objet comme suit :

<code>const person = {
  name: 'John',
  age: 30,
  greet: function() {
    console.log('Hello, my name is ' + this.name);
  }
};

const newPerson = {
  ...person
};

// newPerson 现在具有 person 的所有属性和方法
console.log(newPerson.name); // 输出: John
newPerson.greet(); // 输出: Hello, my name is John</code>

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!

Déclaration:
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