Curso JavaScript - Arrays

 

Curso JavaScript - Arrays 

Arrays são listas de elementos - qualquer coisa - que podem ser classificados por indices. Array é como se 

fosse uma constante compostas no lugar de um elemento de uma constante, vocês usa colchetes para colocar vários elementos dentro dos colchetes, como nomes, numeros, simbolos etc. 

"Arrays são geralmente descritas como "lista de objetos"; elas são basicamente objetos que contem múltiplos valores armazenados em uma lista. ... Se nós não tivessemos arrays, teríamos que armazenar cada item em uma variável separada, então chamar o código para mostrar e adicionar separadamente cada item" - Fonte: MDN

Exemplos: 

const alunos = ['Moises', 'Maria', 'João', '123', '$@78'];

console.log( alunos[4]);

o resultado no terminar vai ser $@78. Na constante alunos, o "$@78" é o "aluno" numero 4.

Em JS, a contagem começa com 0. Então o aluno 0 é Moises, a aluna 1 é Maria, e o aluno

3 é João.

Obs: se eu digitar nas chaves do console.logo um nome que não está na lista do array,

o resultado no terminal vai ser undefinid.

ADICIONAR UM ELEMENTO AO ARRAY = PUSH

let alunos = [ 'Moises','Ruth'];

    alunos.push('Debora');

    console.log(alunos);

No terminal: [ 'Moises', 'Ruth', 'Debora' ]

const alunos = ['Moises', 'Ruth', 'Debora', 'Floquinho'];

alunos.push('Perola');

alunos.push('Belinha');

alunos.push('Perola', 'Belinha');

console.log(alunos);

// Posso usar os elementos todos em uma linha de push, quanto um abaixo do outro

// no terminal o resultado vai ser o mesmo:

//[ 'Moises', 'Ruth', 'Debora', 'Floquinho', 'Perola', 'Belinha' ]

TROCAR OU ADICIONAR UM ELEMENTO DE UMA LISTA

let alunos = ['Moises', 'Ruth', 'Debora', 'Floquinho'];

alunos[0]='Nazareno'

console.log(alunos);

Resultado no terminal - [ 'Nazareno', 'Ruth', 'Debora', 'Floquinho' ] - Foi trocado

Moises, o elemento 0.

let alunos = ['Moises', 'Ruth', 'Debora', 'Floquinho'];

alunos[4]='Belinha'

console.log(alunos);

Resultado no terminal - [ 'Moises', 'Ruth', 'Debora', 'Floquinho', 'Belinha' ]

// Nesse caso é preciso saber o tamanho do array, o que favorece usar o push,

pois com push não é preciso saber o tamanho do array.

COMO SABER O TAMANHO DO ARRAY - LENGTH

let alunos = ['Moises', 'Ruth', 'Debora', 'Floquinho'];

console.log(alunos.length);

//Length é usado para saber o tamanho do Array. No caso acima, tem 4 elementos.

COMO ADICIONAR UM ELEMENTO AO ARRAY USANDO LENGTH

const alunos = ['Moises', 'Ruth', 'Debora', 'Floquinho'];

alunos[alunos.length] = 'Perola'

alunos[alunos.length] = 'Belinha'

console.log(alunos);

// No caso acima, o array que tinha 4 elementos, agora tem 6.

ADICIONAR ELEMENTOS NO COMEÇO DA LISTA- UNSHIFT

const alunos = ['Moises', 'Ruth', 'Debora', 'Floquinho'];

alunos.unshift('Perola', 'Belinha');

console.log(alunos);

No terminal: [ 'Perola', 'Belinha', 'Moises', 'Ruth', 'Debora', 'Floquinho' ]

ELIMINAR O ULTIMO ELEMENTO DA LISTA - POP

const alunos = ['Moises', 'Ruth', 'Debora', 'Floquinho'];

alunos.pop();

console.log(alunos);

// Foi eliminado da lista acima o Floquinho

No terminal: [ 'Moises', 'Ruth', 'Debora' ]

MOSTRAR O NOME DO ÚLTIMO ELEMENTO REMOVIDO E OS QUE FICARAM

const alunos = ['Moises', 'Ruth', 'Debora', 'Floquinho'];

const removido = alunos.pop();

console.log(removido);

console.log(alunos);

No terminal:

Floquinho

[ 'Moises', 'Ruth', 'Debora' ]

ELIMINAR O PRIMEIRO DA LISTA E MOSTRAR QUEM FICOU

const alunos = ['Moises', 'Ruth', 'Debora', 'Floquinho'];

const removido = alunos.shift();

console.log(removido);

console.log(alunos);

// Foi eliminado o primeiro da lista acima, Moises, e foi mostrando quem ficou

REMOVER UM ELEMENTO MAS MANTER O ÍNDICE

const alunos = ['Moises', 'Ruth', 'Debora', 'Floquinho'];

delete alunos[2];

console.log(alunos);

[ 'Moises', 'Ruth', <1 empty item>, 'Floquinho' ]

// A opção delete, da forma acima, remove apenas o elemento mas mantem o índice

APRESENTANDO ELEMENTOS DO COMEÇO OU DO FIM DE UMA LISTA - SLICE

const alunos = ['Moises', 'Ruth', 'Debora', 'Floquinho'];

alunos.push('Belinha');

alunos.push('Xanin');

console.log(alunos.slice(0,3));

// A opção slice, como no exemplo acima (0-3), apresenta no terminal os 3 ulimos,

// no caso, são: Xanin, Belinha e Floquinho. Tirando os 0-, fica a mesma coisa.

//agora colocando 0,3, vai aparecer os três primeiros.