Anotações de estudo em Javascript: Objetos, Arrays e Métodos

Um repositório onde você pode acompanhar o que tenho estudado com Javascript. Também é uma forma de registrar minha jornada e ter uma visão mais clara do meu desenvolvimento e com sorte, ajudar alguém.
Anotações feitas a partir do curso do Matheus Battisti, na Udemy.

Arrays

Permite adicionar um conjunto de valores a uma variável e é possível acessar cada elemento da lista (array). Deve ser escrito entre colchetes, separando os valores por vírgulas:

let numeros = [1, 3, 5, 8, 12];
let infos = ["Trovao", 42, true, "teste", 2];

Acessando elementos

Podemos acessar um array pelo seu índice, por exemplo: arr[1] -> nomeDoArray[IndiceEscolhido]. Lembrando que o primeiro índice sempre é 0, ou seja, para acessar o primeiro elemento, faça: arr[0];

Propriedades

Propriedades são as informações que podem ser verificadas de um valor. Quase todos os valores de JS tem propriedades, menos o null e undefined. Um nome seguido de .algo é propriedade (diferente de método), que podem ser criadas para cada objeto e retornam um valor fixo.. string.propriedade() Podemos acessar as propriedades de 2 maneiras:

let numeros = [1, 3, 5, 8, 12];

console.log(numeros.length);
console.log(numeros['length']);
console.log(numeros[3]);

ou

let nome = "Matheus";

console.log(nome.length);

Loops em Arrays

Ténica muito utilizada para acessar cada um dos valores:

let numeros = [1, 5, 10, 15, 20, 25];

for(let i = 0; i <= numeros.length; i++){
    console.log(numeros[i]);
}

Métodos

São propriedades que funcionam como funções. string.metodo(). Strings e Arrays contém métodos:

let marca = "Nike";

console.log(typeof marca);
console.log(marca.toUpperCase());
console.log(marca.toLowerCase()); 

Métodos de Arrays

push e pop - manipulam sempre o ÚLTIMO elemento:

• .pop();

let pessoas = ["Matheus, ""João", "Ricardo"];
let pessoaRemovida = pessoas.pop(); // atrelar o método à uma variavel para revelar o elemento removido

console.log(pessoas);
console.log(pessoaRemovida); // retorna elemento removido

• .push();

let pessoas = ["Matheus", "João", "Ricardo"];
pessoas.push("Nat", "Larissa"); // adicionando elementos

console.log(pessoas); 

shift e unshift - manipulam sempre o PRIMEIRO elemento:

• .shift();

let frutas = ["Maçã", "Uva", "Pera"];
let frutaRemovida = frutas.shift(); 

console.log(frutas);
console.log(frutaRemovida); //retorna "Maçã"

• .unshift();

let frutas = ["Maçã", "Uva", "Pera"];

frutas.unshift("Banana");
console.log(frutas); 
console.log(frutas[0]); //acessa o índice 0 - primeiro elemento e retorna "Banana"

• .indexOf() e .lastIndexOf() - encontram índices

let numeros = [0, 1, 2, 1, 0];
console.log(numeros.indexOf(1)); //procurando o primeiro índice do elemento 1
console.log(numeros.lastIndexOf(1)); //procurando o ultimo indice do elemento 1

• .slice(); Retorna um Array a partir de outro Array. O retornado é determinado pelos parâmetros que são os índices de início e fim do novo Array.

let numeros = [0, 1, 2, 3, 4, 5];
console.log(numeros.slice(2,3));
console.log(numeros.slice(3));

• .forEach(); Itera cada elemento do array:

const nomes = ["Nat", "Larissa", "Be", "Mamo"];

nomes.forEach(nome => { // parâmetro passado é a unidade do array, o JS interpreta como índice
  console.log(`O nome é: ${nome}.`);
});

• .includes(); Verifica se o Array tem um determinado elemento:

let carros = ["Gol bolinha", "Celtinha maduro", "Monza brabo", "Uninho bombado"];
console.log(carros.includes("Gol bolinha")); // retorna true

Objetos

São uma coleção de propriedades, parecidos com Arrays que nos permite criar Propriedades e Métodos. Podemos acessar estas propriedas:

let pessoa = {
    nome: "Nat",
    profissao: "Deva",
    idade: 30
}

console.log(pessoa.nome);
console.log(pessoa.idade);

Manipulando propriedades:

• Podemos adicionar e deletar propriedades ao longo do nosso programa:

let carro = {
    marca: "Pajero",
    portas: 4,
    cor: "vermelho"
};

console.log(carro.portas);
delete carro.portas;

console.log(carro.portas);

carro.tetoSolar = true;
console.log(carro.tetoSolar);

• Também podemos copiar todas as propriedades ed um objeto para outro:

let objetoA = {
    prop1: "teste",
    prop2: "testando",
};


let objetoB = {
    prop3: "propriedade"
};

Object.assign(objetoA, objetoB);
console.log(ObjetoA);

• Verificando quais as chaves cada objeto possui:

let objettoA = {
    prop1: "teste",
    prop2: "testando"
};

console.log(Object.keys(objetoA));

Mutação (Mutability)

Um objeto pode herdar todas as características do outro, virando uma referência ao mesmo.

let objetoA = {
    pontos: 10,
};

objetoB = objetoA;

let objetoC = {
    pontos: 10,
};


console.log(objetoA == objetoB); // retorna true
console.log(objetoA == objetoC); // retorna false