Objets en JavaScript

a des paires clé-valeur, séparées par deux points. La clé est également connue sous le nom de propriété
Similarité : les index des tableaux sont remplacés par des clés dans les objets.
La syntaxe littérale d'objet écrit directement les propriétés à l'intérieur de {}
L'ordre lors de la récupération n'a pas d'importance dans le cas d'objets alors que l'ordre compte dans les tableaux.

Tableaux : utilisés pour les données structurées
Objets : utilisé pour les données non structurées

Méthodes de recherche de propriétés dans les objets :

1. en utilisant la notation par points
2. en utilisant la notation entre crochets : la clé est définie comme une chaîne entre [] entre guillemets, le nom de la clé peut également être une expression. Ex. obj['prénom']; Ex. obj[2 3]; Mettre une expression ne fonctionnera pas avec la notation par points. Nous devons utiliser le nom de propriété final, et non le nom de propriété calculé.

Par conséquent, lorsque nous avons un nom de propriété calculé, il est recommandé d'utiliser la notation entre parenthèses.

undefined sera renvoyé si une propriété n'existe pas et que nous essayons d'y accéder.

obj['insta-id'] = '@juju';

Référez-vous au tableau de priorité des opérateurs sur MDN pour plus d'informations.

Méthodes d'objet

Les Fns sont un type de valeur. Par conséquent, nous pouvons créer une paire clé-valeur dans laquelle la valeur est un fn. Cela signifie que nous pouvons ajouter des fns aux objets.
L'expression Fn devient des méthodes à l'intérieur des objets, c'est-à-dire un fn attaché à un objet en tant que valeur pour une clé.
La déclaration Fn à l'intérieur d'un objet ne fonctionnera pas.
La méthode est également une propriété sur l'objet qui contient une valeur fn.
On peut avoir des valeurs sous forme de : tableau, chaîne, booléen, fn etc.
obj.propName(); // obtiendra la valeur fn et l'exécutera en utilisant le ()

'this' : fait référence à l'objet sur lequel il est appelé

const person = {
  fName: 'Raja',
  lName: 'Rajeshwar',
  bYear: 1970,
  job: 'King',
  friends: ["Billu","Penchu","Ramesh"],

  calcAge: function(){
    // this will be the object which has called this method.
    // Its used to reference the object, and not hardcode it.
    console.log(this);
    // a new property is created on the person object named 'age'
    this.age = 2024 - this.bYear
    return this.age;
  }
}

person.calcAge(1970);
// age property will only exist if this fn was called atleast once else it won't exist.
person.age;

Les tableaux, les Fns sont tous des objets cachés dans JS. Par conséquent, ils ont leurs propres méthodes.

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!