---

Opa seres, estou começando a estudar JavaScript e decidi que irei postar todas as minhas anotações aqui, tanto para que mais pessoas possam utilizar o contúdo produzido, quanto para armazenar ele.

---

Opa opa, olha eu aqui novamente postando um conteúdo sobre JavaScript, e para que você possa entender um pouco melhor o assunto a seguir, é necessario que possua alguns conhecimentos de Variaveis e Objetos, que são assuntos que eu já fiz anotações aqui no TabNews. Então vamos lá falar um pouco sobre Arrays.

O que são Arrays?

Os arrays são estruturas que servem para guardar dados, e organizalos. Um espaço fixo na memoria do computador que armazena elementos.

(Pode ser tido como uma lista que obedece algum critério, como lista com frutas, ou duas listas uma com frutas amarelas, e outra com frutas verdes).

EXEMPLO:

Eu tenho peças de dois tipos de veiculos, um conjunto de peça de carros, e outro conjunto de peças de motos, e para que fique mais facíl de montar os veiculos, primeiramente eu preciso organizar e separar essas peças, para isso vou separar um espaço na minha garagem para que, em um lado dela fique, as 4 rodas do carro + o step, o parabrisa e etc, e do outro lado da garagem, o motor da moto, e os espelho e etc. As arrays nada mais são do que esses espaços que eu separei dentro da minha garagem para organizar os itens por um critério.

Estrutura das Arrays

Bem, caso você tenha visto os outros conteúdos vimos que objetos são declarados dentro de {}, variaveis comuns com (), mas como será que as arrays são declaradas? Bem simples, as arrays segeue a mesma estrutura, mas o diferencial é que elas são declaradas com [].

EXEMPLO:

var NomeArray = [Conteudo da Array]

(Viu como é simples?)

---

Arrays podem possuir qualquer tipo de valor, e também objetos.

Exemplo:

var person1 {
    name:'Pedro'
}

var person2 {
    name:'João'
}

var person3 {
    name:'Fernanda'
}

var person = [person1, person2, person3]

Ou seja, acabamos de definir os objetos e suas propriedas, e criamos a array person, ela possui os objetos person1, person2 e person3. E com o console.log(), ela será executada assim, mostrando as propriedades dos objetos:

console.log(person)

{name:'Pedro'}
{name:'João'}
{name:'Fernanda'}

Indices e Valores

Arrays trabalham com indices e valores.

Os valores, são os itens dentro da chaves, como no exemplo acima, os valores são person1, person2 e person3. Já os indices são basicamente a posição que cada valor ocupa, lembrando que os indices começam pelo numero 0, ou seja, o valor person1 representa o indice 0.

Igualmente aos Obejtos, nas arrays também é possivel acessar uma propriedade/informação que nela se encontra. Vamos acessar usando o console.log.

console.log (
    NomeArray [Indice a Ser Acessado].Propriedade do Indice
)

EXEMPLO:

console.log(
    person[0].name
)

'Pedro'

---

Outra forma de acessar os elementos de uma array é interado sobre ele, ou seja, percorrendo todos os elementos através de estruturas de repetição, como o for.

For (var list of person){
    console.log(list.name)
}

Opa, calma que eu irei explicar tudo, o for nada mais que um laço de repetição, e se você estudou lógica de programação, você sabe como ele funciona. O For (var list of person) não é nada mais do que colocar a arrays person dentro de uma variavel chamada list, agora com o console.log(list.name), estou pedindo para que no console seja mostrado todas as propriedades name, que estão alocadas na array person, que seguindo a logica está alocada na variavel list.

Resumindo, os objetos estão alocados na array person, a array person acabou de ser alocada na variavel list, e pedimos com o console.log(list.name) que seja mostrados todas as propriedas name.

Manipulando Indices e Valores

Podemos adicionar um valor ao final de uma arrays utilizando o push(Nome do Valor)

Exemplo:

Supondo que eu criei um objeto person4 com o nome 'Rafaela' e que eu quero adicionar ela na array person, fazemos assim:

person.push(person4)

Agora para adicionar um elemento no inicio da array utilizamos o unshift(), e o processo é o mesmo:

person.unshift(person4)

Para remover um elemento do final da array, utilizamos o pop()

person.pop();

Podemos também remover um iten a partir dos indices com o splice(Indice APARTIR do qual queremos remover, Quantidade que queremos Remover )

person.splice(3,1)

Ou seja, removi o indice 3.

(Caso tenha alguma duvida, algum erro encontrado ou observações deixe nos comentarios)