Analise o seguinte código escrito na linguagem Javascript:va . . .
Analise o seguinte código escrito na linguagem Javascript:
var frutas = new Array("banana", "laranja", "limao");
frutas.shift();
frutas.splice(1, 1, "uva");
for(var i=0; i<frutas.length; i++)
document.write(frutas[i] + " | ");
O resultado correspondente apresentado como saída é:
Resolução 4
Adaptação do código javascript para debug.
Para melhor compreensão das operações executadas no código javascript dado no enunciado do exercício, foram incluídos impressões do array de frutas via comando console.log conforme adaptação abaixo:
var frutas = new Array("banana", "laranja", "limao");
console.log(frutas);
frutas.shift();
console.log(frutas);
frutas.splice(1, 1, "uva");
console.log(frutas);
for(var i=0; i<frutas.length; i++){
document.write(frutas[i] + " | ");
} Criação de um novo array em javascript.
O começo do script consiste em basicamente criar um array com os valores "banana", "laranja" e "limao" já atribuídos ao array, o elaborador do script também poderia ter criado o array vazio e adicionar os elementos posteriormente, mas ele optou pela forma mais eficaz.
var frutas = new Array("banana", "laranja", "limao");
console.log(frutas); - Resultado da impressão do trecho acima:
- ['banana', 'laranja', 'limao']
Operação shift em um array.
Já a operação shift, removeu o primeiro elemento do array de frutas, sobrando os valores "laranja" e "limao".
var frutas = new Array("banana", "laranja", "limao");
console.log(frutas);
frutas.shift();
console.log(frutas); - Resultado da impressão do trecho acima:
- ['banana', 'laranja', 'limao']
- ['laranja', 'limao']
Operação splice em um array.
A última operação de modificação realizada no array de frutas é a operação splice que substitui o elemento "limao" por "uva", sobrando os valores "laranja" e "uva".
var frutas = new Array("banana", "laranja", "limao");
console.log(frutas);
frutas.shift();
console.log(frutas);
frutas.splice(1, 1, "uva");
console.log(frutas); - Resultado da impressão do trecho acima:
- ['banana', 'laranja', 'limao']
- ['laranja', 'limao']
- ['laranja', 'uva']
- Impressão dos elementos do array por meio de um loop for.
Por fim o loop for irá iterar o array e, diferente da operação console.log, a operação document.write irá imprimir "laranja | uva" no documento HTML, nos levando a resposta correta Letra C.
var frutas = new Array("banana", "laranja", "limao");
console.log(frutas);
frutas.shift();
console.log(frutas);
frutas.splice(1, 1, "uva");
console.log(frutas);
for(var i=0; i<frutas.length; i++){
document.write(frutas[i] + " | ");
} - ['banana', 'laranja', 'limao']
- ['laranja', 'limao']
- ['laranja', 'uva']
- ['laranja', 'uva']
Conceitos
O objeto console fornece acesso ao console de debug do navegador. O seu funcionamento específico varia de navegador para navegador.
O método console.log grava uma mensagem no console, é um método muito útil para testes de códigos javascript.
O objeto Array armazena uma coleção de vários itens sob uma variável e possui operações comuns para manipulação de arrays. Array's javascript são redimensionáveis e suportame diferente tipos de dados.
O método shift() remove o primeiro elemento de um array e retorna o elemento removido. Este método altera o tamanho do array.
O método splice() altera o conteúdo de um array removendo ou substituindo elementos existentes e/ou adicionando novos elementos no lugar do elemento removido.
document representa qualquer página da Web carregada no navegador e serve como um ponto de entrada para o conteúdo da página da Web, que é a árvore DOM.
O método write() grava diretamente em um document stream aberto (HTML).