1

Estou fazendo testes com array/vetor e, como primeira exibição do vetor deveria ser mostrado vazio, como segunda, viria cheio. Qual o problema, por que ocorre ? e como posso corrigir ? inserir a descrição da imagem aqui

<ul>
    <li>Murilo</li>
    <li>Mariana</li>
    <li>Steve</li>
    <li>Mark</li>
    <li>Couve</li>
</ul>
<script type="text/javascript">
    var lista = document.querySelectorAll("li");
    var vetor = new Array();
    console.log("Vetor sem arquivos");
    console.log(vetor);
    function insertIn(vetor, lista){
        for(var i = 0; i < lista.length; i++){
            vetor.push(lista[i]);
        }
    }insertIn(vetor, lista);
    function mostraDados(vetor){
        console.log("Vetor com arquivos");
        console.log(vetor);
    }mostraDados(vetor);
</script>
9
  • 1
    Testei no JSBin e aparentemente deu o resultado esperado. Para você saiu 5 elementos nas duas saídas?
    – Woss
    26/05/2017 às 13:31
  • @AndersonCarlosWoss, sim, sairam os 5 elementos ao clicar no array para detalhes 26/05/2017 às 13:32
  • 1
    Eu testei aqui, e curiosamente, quando vou debuggando, ele funciona certo, mas quando deixo rodar, ele imprime nas duas saídas todos os valores 26/05/2017 às 13:38
  • 1
    Exato. Perceba que ele mostra o vetor vazio contendo elementos, ou seja, na primeira vez o vetor realmente não possui elementos. Porém, o navegador armazena o endereço de memória do vetor e, posteriormente, quando é inserido os valores, é inserido nesta posição de memória. Como o navegador exibe aquela referência, os valores acabam aparecendo também. (Sim, essa é a resposta, mas comentei porque preciso melhorar o texto e deixá-lo mais claro)
    – Woss
    26/05/2017 às 13:41
  • 1
    Referência é um ponteiro para a memória onde está o conteúdo da sua variável. Quando você usa referência, qualquer alteração nela faz, com que onde ela estiver referenciada, o conteudo seja alterado. Pelo que eu vi aqui, o Chrome entende que como você mexeu na referencia ao inserir o conteudo no vetor, o conteudo mostrado recebe o valor da referencia. 26/05/2017 às 13:41

1 Resposta 1

2

Creio que isso acontece porque o vetor é uma referência, e assim, os valores são sempre inseridos nessa memória. Vê se esse código te ajuda a entender:

    var lista = document.querySelectorAll("li");
    var vetor = new Array();
    
    document.getElementById('encher_vetor').onclick = function () {    
    	insertIn(vetor, lista);
    }
    
    document.getElementById('mostrar_vetor').onclick = function () {    
    	mostraDados(vetor);
    } 
    
    document.getElementById('esvaziar_vetor').onclick = function () {    
    	vetor = [];
    }    
    
    function insertIn(vetor, lista){
        for(var i = 0; i < lista.length; i++){
            vetor.push(lista[i]);
        }
    }
    
    function mostraDados(vetor){
        console.log(vetor);
    }
<ul>
    <li>Murilo</li>
    <li>Mariana</li>
    <li>Steve</li>
    <li>Mark</li>
    <li>Couve</li>
</ul>
<br>
<input type="button" id="encher_vetor" value="Clique para preencher o vetor" />
<input type="button" id="mostrar_vetor" value="Clique para mostrar o vetor" />
<input type="button" id="esvaziar_vetor" value="Clique para esvaziar o vetor" />

O vetor manipulado é sempre a mesma variável, mesma posição de memória.

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 .