Destaques do conceito:

1. Usando for...of e for...in Loops
2. Diferenças entre Set() e Array, Map() e Objects, e Set() e Mapa()

1. Usando loops for...of e for...in

Looping é um conceito fundamental em programação, permitindo executar um bloco de código várias vezes. Em JavaScript, for...of e for...in são dois loops comumente usados, mas servem a propósitos diferentes. Compreender as diferenças pode ajudá-lo a escrever um código mais eficiente e eficaz.

1.1 para...de Loop

O loop for...of é usado para iterar sobre objetos iteráveis, como arrays, strings, mapas e conjuntos. Ele fornece uma maneira direta de acessar cada valor na sequência sem a necessidade de se preocupar com o índice.

por exemplo)

let teams = ['Red Sox', 'Dodgers', 'Padres']; 

for (let team of teams) {
   console.log(team);
}

// Output: 
// Read Sox
// Dodgers
// Padres

Neste exemplo, for...of acessa diretamente cada elemento (equipe) na matriz de equipes e registra-o no console. Este loop é ideal quando você precisa apenas dos valores e não dos índices.

1-2. para...em loop

O loop for...in, por outro lado, é usado para iterar sobre as propriedades (chaves) de um objeto. É frequentemente usado com objetos, mas também pode ser usado com arrays para acessar índices.

por exemplo)

let Mariners = {place: 'Seattle', league: 'American', color: 'navy blue'}; 

for (let key in Mariners) {
   console.log(`${key}: ${Mariners[key]}`); 
}

// Output: 
// place: Seattle
// league: American
// color: navy blue

Neste exemplo, for...in itera sobre as chaves do objeto Mariners, permitindo acessar tanto a chave quanto o valor correspondente. É importante observar que for...in deve ser usado com cautela com matrizes, pois itera sobre todas as propriedades enumeráveis, não apenas sobre índices numéricos.

1-3. Principais diferenças

• Propósito:
  • for...of: Itera sobre os valores de um objeto iterável (matrizes, strings, conjuntos, mapas).
  • for...in: Itera sobre as propriedades enumeráveis ​​(chaves) de um objeto.
• Caso de uso:
  • Use para...de quando você precisar acessar valores diretamente.
  • Use for...in quando precisar acessar chaves ou nomes de propriedades.

2. Diferenças entre Set() e Array, Map() e Objetos, e Set() e `Map()

JavaScript fornece uma variedade de estruturas de dados, cada uma com seus pontos fortes e fracos. Explorei as diferenças entre alguns dos mais comumente usados:

2-1. Definir() vs. Matriz

• Singularidade:
  • Set() armazena valores únicos, o que significa que não são permitidas duplicatas.
  • Array permite valores duplicados.
• Ordem:
  • Set() itera a ordem de inserção.
  • Array também mantém a ordem de inserção, mas duplicatas podem alterar a forma como você interage com ele.

por exemplo)

`

deixe meuSet = new Set([1, 2, 3, 3, 4]);
deixe meuArray = [1, 2, 3, 3, 4];

console.log(mySet) // Saída: Conjunto { 1, 2, 3, 4 }
console.log(myArray) // Saída: [1, 2, 3, 3, 4]

`

Neste exemplo, o Set() remove automaticamente as duplicatas 3, enquanto o Array as retém. Set() é útil quando você precisa de uma coleção de itens exclusivos.

2-2. Mapa() vs. Objeto

• Tipos de chave:

  • Map(): As chaves podem ser de qualquer tipo, incluindo objetos, funções e tipos primitivos.
  • Objeto: As chaves geralmente são strings ou símbolos.

• Ordem:

  • Map() mantém a ordem de inserção.
  • Object não garante a ordem das chaves.

• Tamanho:

  • Map() possui uma propriedade size que fornece o número de pares de valores-chave.
  • Objeto requer a determinação manual do tamanho iterando pelas chaves.

por exemplo)

`
deixe meuMapa = novo Mapa();
meuMap.set('nome', 'João');
myMap.set(42, 'A resposta');
myMap.set({}, 'Objeto vazio');

deixe meuObjeto = {
nome: 'João',
42: 'A resposta',
{}: 'Objeto vazio'
};

console.log(meuMap.size); //Saída: 3
console.log(Object.keys(meuObject).length); // Saída: 2 (devido à conversão de string de chave)
`
Neste exemplo, Map() permite o uso de vários tipos de chaves, enquanto as chaves dos objetos são convertidas em strings. Além disso, Map() fornece facilmente o tamanho do mapa, enquanto para objetos, você precisa contar manualmente as chaves.

2-3. Definir() vs. Mapa()

• Propósito:
  • Set() é uma coleção de valores exclusivos.
  • Map() é uma coleção de pares de valores-chave.
• Caso de uso:
  • Use Set() quando precisar armazenar uma lista de itens exclusivos.
  • Use Map() quando precisar associar valores a chaves.

por exemplo)

`
deixe meuSet = new Set([1, 2 ,3]);
deixe meuMapa = novo Mapa([['chave1', 'valor1'], ['chave2', 'valor2']]);

console.log(mySet.has(2)); // Saída: verdadeiro
console.log(myMap.get('key1')); // Saída: 'valor'1
`
Neste exemplo, Set() é usado para verificar a existência de valor, enquanto Map() é usado para recuperar um valor associado a uma chave.