How to use constants as Object keys
Ninguém assumiu esta issue ainda.
Avaliação
- Dificuldade
- 1/5
- Tempo estimado
- Menos de uma hora
- Facilidade para iniciantes
- 42/100
- Tipo de issue
- Documentação
- Clareza
- Razoavelmente clara
- Status de atividade
- Estagnada
- Stack de tecnologia
- javascript
- Domínio
- documentation
Direção de pesquisa
Revise o segmento de vídeo referenciado, o exemplo de p5.js fornecido e a referência da MDN sobre computed property names. Atualize a orientação relevante do projeto para explicar que os colchetes usam os valores numéricos das constantes como chaves do objeto e, em seguida, verifique se o exemplo corrigido corresponde à saída mostrada.
Escrita pelo modelo de indexação a partir do texto da issue.
Descrição
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
- Linguagem predominante
- JavaScript
- Estrelas
- 219
- Forks
- 64
- Métricas de merge de PRs
- Nenhum PR com merge em 30d
Preparar o ambiente
Este projeto não oferece contêiner de desenvolvimento, Dockerfile nem guia de contribuição, então a configuração fica por sua conta: comece pelo README e veja nosso guia da primeira contribuição para os passos gerais.
Primeiros passos
- Leia a issue inteira e depois o guia de contribuição do projeto.
- Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
- Faça um fork do repositório e trabalhe em uma branch.
- Abra um pull request que referencie o número da issue.
Mais de CodingTrain/Wave-Function-Collapse
-
Optimize grid updatesAberta
Dificuldade 4/5 3-5 dias Facilidade para iniciantes 20/100
CodingTrain/Wave-Function-Collapse#41 · 2 reações ·
-
Dificuldade 4/5 3-5 dias Facilidade para iniciantes 35/100
CodingTrain/Wave-Function-Collapse#38 · 2 comentários ·
-
Dificuldade 5/5 Mais de uma semana Facilidade para iniciantes 25/100
CodingTrain/Wave-Function-Collapse#37 · 1 comentário ·
-
Do NOT make a new gridAberta
Dificuldade 4/5 3-5 dias Facilidade para iniciantes 30/100
-
Preload more dataAberta
Dificuldade 4/5 3-5 dias Facilidade para iniciantes 35/100
CodingTrain/Wave-Function-Collapse#26 · 1 comentário ·
Todas as issues de CodingTrain/Wave-Function-Collapse
Issues semelhantes
-
Dificuldade 1/5 Menos de uma hora Facilidade para iniciantes 72/100
yjh051108/dsh-routing-suite#216 ·
-
bug user-priority/P2
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 62/100
t8y2/dbx#11718 · 1 comentário ·
Mantenedores costumam responder em até 1 dia
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 78/100
Mantenedores costumam responder em até 4 dias
-
bug confirmed perf
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 72/100
videojs/video.js#9400 · 1 comentário ·
Mantenedores costumam responder em até 1 dia
-
agent/scanner bug hive/hosted-available-lke648397-260827-5n31
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 75/100
Mantenedores costumam responder em até 1 dia