2

Tenho um código click:

var layerMap = [];

$(document).on('click', '#TipoMapa', function(){

    console.log(layerMap);

});

E tenho um código que altera a variável layerMap:

$(document).on('click', '#tipo', function(){
    layerMap['regional'] = layerMap['regional'] || [];
    layerMap['regional'] = 'Alisson';
});

O que acontece é que clico no botão que cria um array em layerMap e após isso, clico no botão para dar o console.log na variável layerMap, mas o conteúdo sempre está me retornando como [], ou seja, vazio. O que pode ser?

4
  • so pra confirmar voce clica no botao com id #tipo e depois clica no botao com id #TipoMapa e nesse ponto o layerMap ainda esta vazio certo? Commented 19/12/2017 às 13:22
  • 1
    voce esta tentando acessar uma propriedade de um array, nao desejaria um objeto ao inves de um array?
    – BrTkCa
    Commented 19/12/2017 às 13:26
  • sim, segundo o JS sim, mas se eu dou um console.log após criar o array na função do click #tipo ele retorna o array. Mas se clico no #tipo ele da como vazio Commented 19/12/2017 às 13:26
  • pode ser um monte de coisa, pode postar um pouco mais do seu js e o html ou se possivel reproduzir o seu problema no jsfiddle
    – HudsonPH
    Commented 19/12/2017 às 13:27

2 Respostas 2

2

Quando você tenta escrever uma variável no console, o que vai para o console é o resultado da chamada de .toString() no que você passou.

Para arrays, o resultado de .toString() é equivalente à chamada de .join(), segundo a documentação:

Implementado no JavaScript 1.8.5 (Firefox 4), e compatível com a 5ª versão do ECMAScript, a função toString() é genérica e pode ser usada em qualquer Objeto. Se o objeto tem um método join(), ele será chamado e esse valor será devolvido.

O importante saber é que .join() retorna os elementos do Array, separados por vírgula. Mas você não colocou nenhum elemento no Array.

Epa

como assim não coloquei nenhum elemento no Array?

Essa sintaxe:

layerMap['regional'] = layerMap['regional'] || [];

É sintaxe de objeto. Você adicionou uma propriedade ao Array, chamada "regional", mas uma propriedade é uma coisa. Um elemento é outra.

Então, de duas uma:

  • Ou você passa a usar índices numéricos ao invés de strings, e aí layerMap se comportará como você esperava...
  • Ou você faz com que layerMap seja um objeto ao invés de Array, e assim as propriedades aparecerão no console.

Basta fazer assim:

var layerMap = {};
-1

Infelizmente, diferente de outras linguagens como PHP, Python, etc...

O Javascript não aceita chave nomeada como você fez neste exemplo: layerMap['regional'].

Ele aceita apenas chaves numérias. Caso você queira chaves nomeadas, tente trabalhar com objetos, pois arrays não serão sua melhor opção para chavear.

Aconselho olhar no w3schools mais sobre Arrays Javascript:

Arrays em javascript

7
  • O incrível é que ele cria o array certinho. Dentro do click do #tipo após criar o array dou um console.log e ele retorna o array certinho. Mas se eu clicar em #TipoMapa ele fala que está vazio. Commented 19/12/2017 às 13:27
  • Javascript aceita chave nomeada. É uma forma de se criar e acessar propriedades em objetos. Inclusive o código do AP roda sem erros, pois a propriedade é criada corretamente no Array. Commented 19/12/2017 às 13:30
  • Justamente por quê ele internamente, transforma sua chave em numérica. Ele não reconhece e tenta converter. Quando você vai buscar, não encontra nada. Tenta associar um numero a um tipo de informação, tipo: região 1, estado 2, cidade 3, e assim você consegue ir definindo. Commented 19/12/2017 às 13:31
  • Acho que não @Renan. Olhe a documentação do JavaScript, ele a respeito disso acusa um warning. Commented 19/12/2017 às 13:33
  • @DávilAndré Não. Além de não haver nada na documentação sobre isso, você pode experimentar no seu ambiente favorito: 'use strict'; var arr = []; arr['foo'] = 'bar'. Nem em modo estrito isso dá erro ;) Commented 19/12/2017 às 13:34

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .