CodingTrain / CodingTrain/Wave-Function-Collapse

How to use constants as Object keys

Abierto
#35 1 comentario 0 reacciones 0 asignados Ver en GitHub
Lenguaje dominante
JavaScript
Estrellas
218
Forks
64
Métricas de merge de PR
Sin PR fusionados en 30 d

Descripción

At [22:24](https://youtu.be/rI_y2GAlQFM?t=1365) 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.
```ts
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

Guía de contribución

No hay ninguna guía de contribución indexada para este repositorio

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.

Evaluación

Stack tecnológico
javascript
Área
documentation
Tipo de issue
Documentación
Dificultad
1/5
Tiempo estimado
Menos de una hora
Estado de actividad
Estancado
Claridad
Bastante claro
Aptitud para principiantes
42/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.