ES6: Les objets littéraux dans JavaScript

Qu’est-ce que c’est un littéral?

la définition des alluches littérales à quelque chose de textuel, par exemple, si nous déclarons une variable comme suit:

Nous pouvons dire la variable colorDelSol a une chaîne littérale attribuée depuis la valeur textuelle.

exactement la même chose arrive avec les objets littéraux, Par exemple:

let perro = { nombre:"Scott", color:"Cafe", edad: 5, macho: true};

Où:

• Le nom de l’objet est perro et leurs clés / valeurs sont décrites dans le tableau suivant:

Les types de données qu’un objet peut stocker peut être des chaînes, des entiers, un billet, y compris d’autres objets.

Valeurs d’accès à partir d’un objet

Il existe 2 façons simples de pouvoir accéder aux valeurs d’un objet:

NOTATION POINT

est d’écrire le nom de l’objet suivi d’un point et du nom de la propriété sur laquelle vous souhaitez accéder: objeto.clave

let perro = { nombre:"Scott", color:"Cafe", edad: 5, macho: true};console.info(perro.nombre); // Scottconsole.info(perro.edad); // 5

Notation de support / clés carrées ou supports

Il consiste à écrire le nom de L’objet prétendant entre crochets la clé à laquelle vous souhaitez accéder: objeto

Les deux manières renvoient les mêmes résultats, ils peuvent donc être considérés comme des homonymes, mais dans la pratique, il est de coutume d’utiliser plus de notation de points.

Méthodes dans un objet

Un objet est non seulement limité au regroupement des clés de valeurs, il est également possible d’incorporer des méthodes comme suit:

let perro = { nombre:"Scott", color:"Cafe", edad: 5, macho: true, ladrar: function(){ return(`${this.nombre} puede ladrar`) }};console.log(perro.ladrar()); // Scott puede ladrar

Pour des raisons de la portée des variables, d’accéder aux champs d’un objet Dans une méthode, le mot réservé devrait être utilisé.

insérer de nouveaux champs à un objet

pour ajouter de nouveaux champs à l’objet mentionnant juste le nom de l’objet suivi du nouveau Propriété et la nouvelle valeur à insérer: perro.tamaño = "Grande";

<61ce8348ed ">

avec Nous pourrons ajouter une nouvelle valeur à l’objet.

Mettre à jour les champs de l’objet

Écrivez simplement une propriété existante, comme suit:

let perro = { nombre:"Scott", color:"Cafe", edad: 5, macho: true, ladrar: function(){ return(`${this.nombre} puede ladrar`) },};perro.edad = 8;console.log(perro);/* { color: "Cafe", edad: 8, ladrar: function(){ return(`${this.nombre} puede ladrar`) }, macho: true, nombre: "Scott"}*/

Suppression de champ

Pour supprimer une propriété d’un objet, le mot réservé comme suit:

<401a1d65fb ">

Par exemple:

« e578c7cf8c »>

La sortie des exemples de ce message est faite avec l’outil JSBIN, pour cette raison. Le format est comme le format Ceci.

Conclusions 📎

• Un objet est la structure de données la plus utilisée en JavaScript, composée de paires commandées et groupées dans des clés et des valeurs groupées.
• est appelé objet littéral à l’objet dont les propriétés sont déclarées sur textuellement dans le code.
• Les objets peuvent stocker des méthodes à l’intérieur.
• Pour accéder aux propriétés d’un objet dans une méthode utilisée pour utiliser le mot réservé this par Portée des variables.
• Contrairement à d’autres langages de programmation, des propriétés peuvent être ajoutées ou supprimées d’une manière très peu coûteuse mais simple mais simple.