Semana 4

Resolução de Problemas/Lógica aplicada e JavaScript

Sumário

1. Objetos
2. Arrays
3. Referências

---

Objetos

Objeto é um tipo de dado que contém uma coleção de propriedades organizadas em pares de chave (ou nome) e valor, sendo o valor qualquer tipo de dado (número, texto, função ou até mesmo outro objeto).

Inicializando objetos

Para criar um novo Objeto, podemos atribuir a uma variável uma lista de elementos entre chaves, separados por vírgula e com a notação de chave : valor. Também é possível utilizando a palavra reservada new ou a partir de uma função.

const pessoa = {
  nome: 'Ariel',
  idade: 25,
  profissao: 'desenvolvedora',
};

const pessoa = new Object();

pessoa.nome = 'Ariel';
pessoa.idade = 25;
pessoa.profissao = 'desenvolvedora';

function Pessoa(nome, idade, profissao) {
  this.nome = nome;
  this.idade = idade;
  this.profissao = profissao;
}

const pessoa1 = new Pessoa('Ariel', 25, 'desenvolvedora');
const pessoa2 = new Pessoa('Laura', 34, 'tech lead');

Acessando valores

Notação de ponto

const pessoa = {
  nome: 'Ariel',
  idade: 25,
  profissao: 'desenvolvedora',
};

console.log(pessoa.nome); // Ariel
console.log(pessoa.idade); // 25
console.log(pessoa.profissao); // desenvolvedora

Notação de colchetes (ou índice)

const pessoa = {
  nome: 'Ariel',
  idade: 25,
  profissao: 'desenvolvedora',
};

console.log(pessoa['nome']); // Ariel
console.log(pessoa['idade']); // 25
console.log(pessoa['profissao']); // desenvolvedora

Principais métodos

• assing copia todas as propriedades enumeráveis de um objeto para outro.
• entries retorna uma lista contendo todos os pares (chave, valor) das propriedades enumeráveis do objeto.
• freeze impede que as propriedades do objeto sejam excluídas ou alteradas.
• hasOwnProperty retorna um booleano indicando se o objeto possui a propriedade especificada
• keys retorna uma lista contendo os nomes de todas as propriedades enumeráveis do objeto.
• seal impede que as propriedades do objeto sejam excluídas.
• values retorna uma lista com todos os valores que correspondem a todas as propriedades enumeráveis do objeto.

E mais!

Arrays

Um array (ou lista) permite armazenar um conjunto de dados e atribuí-los a uma variável, sendo esta a estrutura de dados mais simples possível.

Inicializando Arrays

Para criar um novo Array, podemos atribuir a uma variável uma lista de elementos entre colchetes e separados por vírgula. Também é possível utilizando a palavra reservada new e instanciando os valores que queremos atribuir ou apenas especificando o seu tamanho.

const alunasReprograma = ['Andreia', 'Fernanda', 'Mariana', ...];

const alunasReprograma = new Array('Andreia', 'Fernanda', 'Mariana', ...);

Acessando valores

Para acessar o valor de um Array, use a notação de colchetes e informe a posição que deseja acessar, lembrando que a contagem começa em zero.

const alunasReprograma = ['Andreia', 'Fernanda', 'Mariana', ...];

console.log(alunasReprograma[0]) // Andreia
console.log(alunasReprograma[1]) // Fernanda
console.log(alunasReprograma[2]) // Mariana

Principais métodos

• filter retorna um novo array com os elementos filtrados.
• find retorna o primeiro elemento que achar igual ao elemento passado por parâmetro.
• indexOf retorna a posição do item passado por parâmetro ou -1 caso não tenha encontrado.
• length retorna um número que representa o tamanho do array.
• map retorna um novo array sem alterar o array original, criando uma cópia com as alterações que desejamos.
• pop remove e retorn o último item do array.
• push adiciona um item na última posição do array.
• shift remove e retorna o primeiro item do array.
• slice copia o array para outra variável.
• splice remove o item da posição passada por parâmetro.
• unshift adiciona um item na primeira posição do array.

E muito mais!

Referências

• ARTIGOS

  • Arrays
  • Convertendo Objeto em Array - em inglês
  • Funções em JS
  • JavaScript - Métodos: find( ), map( ) e filter( )
  • Notação de Ponto vs Notação de Colchetes- em inglês
  • Trabalhando com objetos

• CURSOS/TUTORIAIS

  • JavaScript Ninja
  • JavaScript para iniciantes - em inglês

• LIVROS

  • Eloquent JavaScript
  • Estruturas de Dados e Algoritmos com JavaScript