Curso de JavaScript Aula 11 Trabalhando com Array

Nessa vídeo aula vamos aprender a trabalhar com array no JavaScript, conheceremos sua estrutura e principais métodos e com os conhecimentos adquiridos iremos melhorar nossas funções já desenvolvidas aplicando array.

O que é um array?

Array é um tipo de variável que pode armazenar varias informações ao mesmo tempo, é possível colocar qualquer tipo de informação em um array como strings, números e objetos. Podemos acessar as informações através do índice de cada elemento.

 Como criar um array?

   var frutas = ["Maçã", "Banana","Laranja"];
   document.write(frutas);

Nós também podemos criar o mesmo array acima definindo seus índices manualmente.  

var frutas = [];
   frutas[0] = "Maçã";
   frutas[1] = "Banana";
   frutas[2] = "Laranja";
   document.write(frutas);

Acessando elemento de um array

Para acessar qualquer uma informação de um array utilizamos o índice do array, no exemplo acima se quisermos exibir apenas Laranja devemos acessa seu índice frutas[2]   como no exemplo abaixo  

var frutas = [];
   frutas[0] = "Maçã";
   frutas[1] = "Banana";
   frutas[2] = "Laranja";
   document.write(frutas[2]); //somente Laranja será escrito.
  • Importante: o índice de um array começa com 0

Array métodos

Arrays são objetos do tipo lista que vêm com uma série de métodos embutidos para realizar diversos tipos de manipulação do array. Nem o tamanho de um array JavaScript nem os tipos de elementos são fixos. Já que o tamanho de um array pode crescer ou encolher a qualquer tempo.

A seguir vejamos exemplos de utilização de alguns métodos

pop()

Remove o ultimo item do array  

var frutas = ["Maçã","Banana","Laranja"];
   frutas.pop();// remove laranja (do final)
   document.write(frutas);

push()

Adiciona um item ao final do array  

var frutas = ["Maçã","Banana","Laranja"];
   frutas.push("Goiaba");// adiciona Goiaba no final
   document.write(frutas);

shift()

Remove o item do inicio do array  

 var frutas = ["Maçã","Banana","Laranja"];
   frutas.shift(); // remove Maçã do início
   document.write(frutas);

Você pode encontrar uma lista completa de métodos no site w3schools pelo link abaixo

https://www.w3schools.com/jsref/jsref_obj_array.asp

Script completo melhorado na vídeo aula

//variavel global
var data = new Date;
function dataAtual() {
    var diaMes = data.getDate();
    var diaSemana = data.getDay();
    var mes = data.getMonth();
    var ano = data.getFullYear();
    var diaNomes = [
        'domingo',
        'segunda-feira',
        'terça-feira',
        'quarta-feira',
        'quinta-feira',
        'sexta-feira',
        'sabádo'
    ];
    var mesNomes = [
        'janeiro', 
        'fevereiro', 
        'março', 
        'abril', 
        'maio', 
        'junho', 
        'julho', 
        'agosto', 
        'setembro', 
        'outubro', 
        'novembro', 
        'dezembro'
    ];
    document.getElementById("data").innerHTML = saudar() + " Hoje é " + diaNomes[diaSemana] + ", " + diaMes + " de " + mesNomes[mes] + " de " + ano;
};
function saudar() {
    var hora = data.getHours();
    var saudacao = hora >= 6 && hora < 12 ? "Bom dia!" : (hora >= 12 && hora < 18 ? "Boa tarde!" : (hora >= 18 && hora <= 23 ? "Boa noite!" : "Boa madrugada!"));
    return saudacao;
};
function load() {
    dataAtual();
}
window.onload = load;

 



Hospedagem Profissional de Sites