Dev NotesJS

Vetores e Objetos

Vetores e objetos são estruturas de dados fundamentais em JavaScript. Eles permitem armazenar e manipular coleções de valores e pares de chave-valor, respectivamente.

Sumário:

  1. Vetores - Vetores são usados para armazenar uma coleção de valores. Eles são indexados, o que significa que cada valor tem um índice associado a ele.
  2. Manipulando Vetores - Vetores podem ser manipulados de várias maneiras em JavaScript. Você pode adicionar, remover, acessar e modificar elementos do vetor.
  3. Objetos - Objetos são usados para armazenar pares de chave-valor. Eles são úteis para representar entidades complexas com propriedades e métodos.
  4. Manipulando Objetos - Objetos podem ser manipulados de várias maneiras em JavaScript. Você pode adicionar, remover, acessar e modificar propriedades do objeto.
  5. Desestruturação - A desestruturação é uma maneira de extrair valores de vetores e objetos de forma mais concisa. Ela permite que você atribua valores a variáveis diretamente a partir de uma estrutura de dados.
  6. Operador Spread - O operador spread é usado para expandir elementos de um vetor ou propriedades de um objeto em outro vetor ou objeto. Ele permite combinar e copiar estruturas de dados de forma mais concisa.

Vetores

Vetores são usados para armazenar uma coleção de valores. Eles são indexados, o que significa que cada valor tem um índice associado a ele.

Exemplo:

1var fruits = ['apple', 'banana', 'cherry'];
2
3fruits[0]; // apple
4fruits[1]; // banana
5fruits[2]; // cherry
No exemplo acima, fruits é um vetor que armazena as frutas 'apple', 'banana' e 'cherry'. Os valores em um vetor são acessados usando um índice.

O índice de um vetor começa em 0.

Manipulando Vetores

Vetores podem ser manipulados de várias maneiras em JavaScript. Você pode adicionar, remover, acessar e modificar elementos do vetor.

Exemplo:

1var fruits = ['apple', 'banana', 'cherry'];
2
3fruits.forEach(function(fruit) {
4	console.log(fruit);
5});
6// apple
7// banana
8// cherry
9
10fruits.push('date');
11// ['apple', 'banana', 'cherry', 'date']
12
13fruits.pop();
14// ['apple', 'banana', 'cherry']
15
16fruits.shift();
17// ['banana', 'cherry']
18
19fruits.unshift('apple');
20// ['apple', 'banana', 'cherry']
21
22fruits.indexOf('banana');
23// 1
24
25fruits.splice(1, 1);
26// ['apple', 'cherry']
27
28fruits.slice(1, 2);
29// ['banana']
No exemplo acima, fruits é um vetor que armazena as frutas 'apple', 'banana' e 'cherry'. Os vetores podem ser manipulados de várias maneiras em JavaScript.

forEach executa uma função para cada elemento do vetor.
push adiciona um elemento ao final do vetor.
pop remove o último elemento do vetor.
shift remove o primeiro elemento do vetor.
unshift adiciona um elemento ao início do vetor.
indexOf retorna o índice de um elemento no vetor.
splice remove elementos de um vetor onde o primeiro argumento é o índice de início e o segundo argumento é o número de elementos a serem removidos.
slice retorna elementos de um vetor onde o primeiro argumento é o índice de início e o segundo argumento é o índice de fim.

Objetos

Objetos são usados para armazenar pares de chave-valor. Eles são úteis para representar entidades complexas com propriedades e métodos.

Exemplo:

1var person = {
2	name: 'Diana',
3	job: 'Developer'
4};
5
6person.name; // Diana
7person.job; // Developer
No exemplo acima, person é um objeto que armazena o nome 'Diana' e o trabalho 'Developer'. Os valores em um objeto são acessados usando uma chave.

As chaves de um objeto são únicas.

Manipulando Objetos

Objetos podem ser manipulados de várias maneiras em JavaScript. Você pode adicionar, remover, acessar e modificar propriedades do objeto.

Exemplo:

1var person = {
2	name: 'Diana',
3	job: 'Developer'
4};
5
6Object.keys(person); // ['name', 'job']
7Object.values(person); // ['Diana', 'Developer']
8Object.entries(person); // [['name', 'Diana'], ['job', 'Developer']]
9
10person.name = 'Alice';
11// {name: 'Martine', job: 'Developer'}
12
13delete person.job;
14// {name: 'Martine'}
No exemplo acima, person é um objeto que armazena o nome 'Diana' e o trabalho 'Developer'. Os objetos podem ser manipulados de várias maneiras em JavaScript.

Object.keys retorna as chaves de um objeto.
Object.values retorna os valores de um objeto.
Object.entries retorna pares de chave-valor de um objeto.
person.name atribui um novo valor à chave 'name'.
delete person.job remove a chave 'job' do objeto.

Desestruturação

A desestruturação é uma maneira de extrair valores de vetores e objetos de forma mais concisa. Ela permite que você atribua valores a variáveis diretamente a partir de uma estrutura de dados.

Exemplo:

1var person = ['Diana', 'Developer'];
2var [name, job] = person;
3
4name; // Diana
5job; // Developer
6
7var person = {name: 'Diana', job: 'Developer'};
8var {name, job} = person;
9
10name; // Diana
11job; // Developer
No exemplo acima, person é um vetor que armazena o nome 'Diana' e o trabalho 'Developer'. A desestruturação é usada para extrair valores de vetores e objetos.

Os valores de um vetor são extraídos na ordem em que são declarados.
Os valores de um objeto são extraídos com base na chave.

Operador Spread

O operador spread é usado para expandir elementos de um vetor ou propriedades de um objeto em outro vetor ou objeto. Ele permite combinar e copiar estruturas de dados de forma mais concisa.

Exemplo:

1var fruits = ['apple', 'banana'];
2var vegetables = ['carrot', 'potato'];
3
4var food = [...fruits, ...vegetables];
5// ['apple', 'banana', 'carrot', 'potato']
6
7var person = {name: 'Diana', job: 'Developer'};
8var details = {...person, age: 30};
9// {name: 'Diana', job: 'Developer', age: 30}
No exemplo acima, fruits é um vetor que armazena as frutas 'apple' e 'banana'. vegetables é um vetor que armazena os vegetais 'carrot' e 'potato'. O operador spread é usado para combinar vetores e objetos.

Os vetores são combinados em um novo vetor.
Os objetos são combinados em um novo objeto.
O operador spread é denotado por três pontos (...).