Maison / Technologie / Guide rapide sur les objets JavaScript

Guide rapide sur les objets JavaScript

En termes simples, un objet n'est rien d'autre qu'une collection de clés et de valeurs correspondantes. Prenons un exemple de mon personnage préféré des Simpsons:

const obj = {
"nom": "Homer Simpson",
"genre masculin",
"enfants": ["Lisa","Bart"]// oops homer a encore oublié Maggie, DOH!
}

Maintenant, la question est de savoir comment accéder aux valeurs? La réponse est aussi simple que cela pourrait être. Vous trouverez ci-dessous la sortie de divers journaux de console:

console.log (obj.name)
>> "Homer Simpson"
console.log (obj.gender)
>> "Homme"
console.log (obj.children)
>>["Lisa" , "Bart"]
console.log (obj.children[0])
>> "Lisa"

Essentiellement, object.key vous donnera la valeur de cette clé. Vous pouvez également accéder à la valeur de name par une notation entre crochets: obj[“name”] et cela donnera le même résultat que la notation par points: obj.name.

Créer un nouvel objet

Il existe de nombreuses façons de créer des objets, mais pour garder ce guide simple, nous n'allons discuter que de deux manières de créer des objets.

La première consiste simplement à utiliser une accolade comme indiqué ci-dessus:

const obj = {
"nom": "Homer Simpson",
"genre masculin",
"enfants": ["Lisa", "Bart"]
}

Deuxièmement, utilisez un nouveau mot clé:

fonction Personne (nom, sexe, enfants) {
this.name = name;
this.gender = genre;
this.children = enfants
}
const obj = new Person ("Homer Simpson", "Male",["Lisa","Bart"])

Ajouter une nouvelle clé:

Ajoutons maintenant une nouvelle clé à notre objet:

obj.wife = "Marge Simpson"
console.log (obj)

>> {
"nom": "Homer Simpson",
"genre masculin",
"numéro de contact": "123456789012",
"enfants": ["Lisa", "Bart"],
"femme": "Marge Simpson"
}

Vous pouvez également définir des fonctions en tant que valeurs de n'importe quelle touche. Le nom de la clé peut être tout ce qui est une chaîne ou peut être converti en chaîne. Nous pouvons également supprimer n'importe quelle clé d'objets à l'aide de delete obj.key ou delete obj[“key”].

Énumérer les clés d'un objet:

Si vous ne connaissez pas les clés et souhaitez accéder aux objets, vous pouvez effectuer une itération à l'aide de clés à l'aide de object.keys (obj). object.keys (obj) vous donnera un tableau de clés et vous pourrez ensuite appeler forEach () et parcourir la clé. ci-dessous est l'exemple de cette

Object.keys (data) .forEach ((element) => {
        console.log (obj[element])
})
sortie: 
>> "Homer Simpson"
>> "Homme"
>>["Lisa","Bart"]
>> "Marge Simpson"

C’est tout le monde !!!

Voici un peu d'humour de programmation aléatoire pour égayer votre journée


Guide rapide sur les objets JavaScript a été publié à l'origine dans Hacker midi sur Medium, où les gens poursuivent la conversation en soulignant et en répondant à cette histoire.

Source

A propos lenewstrotteur

Découvrez également

rage-against-the-machine-guitarist-tom-morello-dms-epic-dungeons-and-dragons-game-for-neighborhood-kids-social.jpg

Rage Against The Machine, le guitariste Tom Morello, est un jeu épique de donjons et de dragons pour les enfants du quartier – Newstrotteur

Dans des nouvelles super cool, Tom Morello, l’un des plus grands guitaristes de tous les …

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *