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
Top comments (0)