How to use constants as Object keys
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 1/5
- Tiempo estimado
- Menos de una hora
- Aptitud para principiantes
- 42/100
- Tipo de issue
- Documentación
- Claridad
- Bastante claro
- Estado de actividad
- Estancado
- Stack tecnológico
- javascript
- Área
- documentation
Línea de trabajo
Revisa el segmento de vídeo referenciado, el ejemplo de p5.js proporcionado y la referencia de MDN sobre computed property names. Actualiza la guía relevante del proyecto para explicar que los corchetes utilizan los valores numéricos de las constantes como claves de objeto y, después, verifica que el ejemplo corregido coincide con la salida mostrada.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
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
- Lenguaje dominante
- JavaScript
- Estrellas
- 219
- Forks
- 64
- Métricas de merge de PR
- Sin PR fusionados en 30 d
Guía de contribución
No hay ninguna guía de contribución indexada para este repositorio
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de CodingTrain/Wave-Function-Collapse
-
Optimize grid updates Abierto
Dificultad 4/5 3-5 días Aptitud para principiantes 20/100
CodingTrain/Wave-Function-Collapse#41 · 2 reacciones ·
-
Dificultad 4/5 3-5 días Aptitud para principiantes 35/100
CodingTrain/Wave-Function-Collapse#38 · 2 comentarios ·
-
Dificultad 5/5 Más de una semana Aptitud para principiantes 25/100
CodingTrain/Wave-Function-Collapse#37 · 1 comentario ·
-
Do NOT make a new grid Abierto
Dificultad 4/5 3-5 días Aptitud para principiantes 30/100
-
Preload more data Abierto
Dificultad 4/5 3-5 días Aptitud para principiantes 35/100
CodingTrain/Wave-Function-Collapse#26 · 1 comentario ·
Todos los issues de CodingTrain/Wave-Function-Collapse
Issues similares
-
awaiting triage bug Causes friction Hop Gui P1 P2 Transforms
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100
-
Improve Title Support Abierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 70/100
georgestephanis/p2026#40 ·
-
Enatega Customer and Rider app: Add-ons price is not visible to customer after order is placed. Abierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100
Margaret-Petersen/food-delivery-app-clone-react-native#1981 ·