How to use constants as Object keys
Personne n'a encore pris cette issue.
Évaluation
- Difficulté
- 1/5
- Temps estimé
- Moins d'une heure
- Accessibilité débutants
- 42/100
- Type d'issue
- Documentation
- Clarté
- Plutôt claire
- Activité
- À l'abandon
- Stack technique
- javascript
- Domaine
- documentation
Piste de recherche
Examinez le segment vidéo référencé, l’exemple p5.js fourni et la référence MDN sur computed property names. Mettez à jour les instructions pertinentes du projet afin d’expliquer que les crochets utilisent les valeurs numériques des constantes comme clés d’objet, puis vérifiez que l’exemple corrigé correspond à la sortie affichée.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Description
At 22:24 in the video Dan tries to use his constants as the keys in the object but it doesn't work for him. This is because he did it wrong.
when he did it you ended up with an object that had the strings "UP", "DOWN", etc as the keys but you wanted it to be the numbers that those constants represented. The way that you do that is to put the variables in square brackets. For example.
const UP = 0;
const DOWN = 1;
const LEFT = 2;
const RIGHT = 3;
const object1 = {
UP: [],
DOWN: [],
LEFT: [],
RIGHT: []
}
const object2 = {
[UP]: [],
[DOWN]: [],
[LEFT]: [],
[RIGHT]: []
}
console.log(object1) => // {UP: Array(0), DOWN: Array(0), LEFT: Array(0), RIGHT: Array(0)}
console.log(object2) => // {0: Array(0), 1: Array(0), 2: Array(0), 3: Array(0)}
}
and here's an interactive example https://editor.p5js.org/D_Snyder/sketches/r7rHl0QuA
The term for this is Computed Property Names and more details can be found here: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Object_initializer#computed_property_names
- Langage dominant
- JavaScript
- Étoiles
- 219
- Forks
- 64
- Métriques de merge des PR
- Aucune PR mergée en 30 j
Préparer son environnement
Ce projet ne fournit ni conteneur de développement, ni Dockerfile, ni guide de contribution : l'installation est à votre charge. Commencez par son README, et consultez notre guide de la première contribution pour les étapes générales.
Par où commencer
- Lisez l'issue en entier, puis le guide de contribution du projet.
- Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
- Forkez le dépôt et travaillez sur une branche.
- Ouvrez une pull request qui référence le numéro de l'issue.
Autres issues de CodingTrain/Wave-Function-Collapse
-
Optimize grid updatesOuverte
Difficulté 4/5 3-5 jours Accessibilité débutants 20/100
CodingTrain/Wave-Function-Collapse#41 · 2 réactions ·
-
Difficulté 4/5 3-5 jours Accessibilité débutants 35/100
CodingTrain/Wave-Function-Collapse#38 · 2 commentaires ·
-
Difficulté 5/5 Plus d'une semaine Accessibilité débutants 25/100
CodingTrain/Wave-Function-Collapse#37 · 1 commentaire ·
-
Do NOT make a new gridOuverte
Difficulté 4/5 3-5 jours Accessibilité débutants 30/100
-
Preload more dataOuverte
Difficulté 4/5 3-5 jours Accessibilité débutants 35/100
CodingTrain/Wave-Function-Collapse#26 · 1 commentaire ·
Toutes les issues de CodingTrain/Wave-Function-Collapse
Issues similaires
-
Difficulté 2/5 1-3 heures Accessibilité débutants 76/100
Les mainteneurs répondent en général sous 1 jour
-
Difficulté 2/5 1-3 heures Accessibilité débutants 82/100
Les mainteneurs répondent en général sous 1 jour
-
Difficulté 2/5 1-3 heures Accessibilité débutants 85/100
Les mainteneurs répondent en général sous 1 jour
-
Difficulté 2/5 1-3 heures Accessibilité débutants 75/100
naver/egjs-flicking#971 ·
-
Difficulté 2/5 1-3 heures Accessibilité débutants 85/100
Les mainteneurs répondent en général sous 1 jour