DEV Community

Natalia Bandeira
Natalia Bandeira

Posted on • Updated on

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];
Enter fullscreen mode Exit fullscreen mode

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]);
Enter fullscreen mode Exit fullscreen mode

ou

let nome = "Matheus";

console.log(nome.length);
Enter fullscreen mode Exit fullscreen mode

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]);
}
Enter fullscreen mode Exit fullscreen mode

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()); 
Enter fullscreen mode Exit fullscreen mode

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
Enter fullscreen mode Exit fullscreen mode
  • .push();
let pessoas = ["Matheus", "João", "Ricardo"];
pessoas.push("Nat", "Larissa"); // adicionando elementos

console.log(pessoas); 
Enter fullscreen mode Exit fullscreen mode

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çã"
Enter fullscreen mode Exit fullscreen mode
  • .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"
Enter fullscreen mode Exit fullscreen mode
  • .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
Enter fullscreen mode Exit fullscreen mode
  • .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));
Enter fullscreen mode Exit fullscreen mode
  • .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}.`);
});
Enter fullscreen mode Exit fullscreen mode
  • .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
Enter fullscreen mode Exit fullscreen mode

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);
Enter fullscreen mode Exit fullscreen mode

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);
Enter fullscreen mode Exit fullscreen mode
  • 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);
Enter fullscreen mode Exit fullscreen mode
  • Verificando quais as chaves cada objeto possui:
let objettoA = {
    prop1: "teste",
    prop2: "testando"
};

console.log(Object.keys(objetoA));
Enter fullscreen mode Exit fullscreen mode

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
Enter fullscreen mode Exit fullscreen mode

Top comments (0)