Conceptos destacados:

1. Usando for...of y for...in bucles
2. Diferencias entre Set() y Array, Map() y Objects, y Set() y Mapa()

1. Usando bucles for...of y for...in

El bucle es un concepto fundamental en programación, que permite ejecutar un bloque de código varias veces. En JavaScript, for...of y for...in son dos bucles comúnmente utilizados, pero tienen diferentes propósitos. Comprender las diferencias puede ayudarle a escribir código más eficiente y eficaz.

1.1 para... de bucle

El bucle for...of se utiliza para iterar sobre objetos iterables, como matrices, cadenas, mapas y conjuntos. Proporciona una forma sencilla de acceder a cada valor de la secuencia sin necesidad de preocuparse por el índice.

p.ej.)

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

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

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

En este ejemplo, for...of accede directamente a cada elemento (equipo) en la matriz de equipos y lo registra en la consola. Este bucle es ideal cuando solo necesitas los valores y no los índices.

1-2. para... en bucle

El bucle for...in, por otro lado, se utiliza para iterar sobre las propiedades (claves) de un objeto. A menudo se usa con objetos, pero también se puede usar con matrices para acceder a índices.

p.ej.)

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

En este ejemplo, for...in itera sobre las claves del objeto Marineros, permitiendo acceder tanto a la clave como al valor correspondiente. Es importante tener en cuenta que for...in debe usarse con cautela con matrices, ya que itera sobre todas las propiedades enumerables, no solo los índices numéricos.

1-3. Diferencias clave

• Objetivo:
  • for...of: Itera sobre los valores de un objeto iterable (matrices, cadenas, conjuntos, mapas).
  • for...in: Itera sobre las propiedades enumerables (claves) de un objeto.
• Caso de uso:
  • Úselo para...de cuando necesite acceder a los valores directamente.
  • Úselo para...in cuando necesite acceder a claves o nombres de propiedades.

2. Diferencias entre Set() y Array, Map() y Objects, y Set() y `Map()

JavaScript proporciona una variedad de estructuras de datos, cada una con sus fortalezas y debilidades. Exploré las diferencias entre algunos de los más utilizados:

2-1. Conjunto () frente a matriz

• Unicidad:
  • Set() almacena valores únicos, lo que significa que no se permiten duplicados.
  • La matriz permite valores duplicados.
• Orden:
  • Set() itera el orden de inserción.
  • Array también mantiene el orden de inserción, pero los duplicados pueden alterar la forma en que interactúas con él.

p.ej.)

`

let mySet = new Set([1, 2, 3, 3, 4]);
let myArray = [1, 2, 3, 3, 4];

console.log(mySet) // Salida: Establecer { 1, 2, 3, 4 }
console.log(myArray) // Salida: [1, 2, 3, 3, 4]

`

En este ejemplo, Set() elimina automáticamente los duplicados 3, mientras que Array los retiene. Set() es útil cuando necesitas una colección de elementos únicos.

2-2. Mapa() frente a objeto

• Tipos de claves:

  • Map(): Las claves pueden ser de cualquier tipo, incluidos objetos, funciones y tipos primitivos.
  • Objeto: Las claves suelen ser cadenas o símbolos.

• Orden:

  • Map() mantiene el orden de inserción.
  • Object no garantiza el orden de las claves.

• Tamaño:

  • Map() tiene una propiedad size que proporciona el número de pares clave-valor.
  • El objeto requiere determinar manualmente el tamaño iterando las claves.

p.ej.)

`
let myMap = nuevo mapa();
myMap.set('nombre', 'Juan');
myMap.set(42, 'La respuesta');
myMap.set({}, 'Objeto vacío');

dejar miObjeto = {
nombre: 'Juan',
42: 'La respuesta',
{}: 'Objeto vacío'
};

console.log(miMapa.tamaño); // Salida: 3
console.log(Object.keys(myObject).length); // Salida: 2 (debido a la conversión de la cadena de claves)
`
En este ejemplo, Map() permite el uso de una variedad de tipos de claves, mientras que las claves de objeto se convierten en cadenas. Además, Map() proporciona fácilmente el tamaño del mapa, mientras que para los objetos, es necesario contar las claves manualmente.

2-3. Conjunto() frente a Mapa()

• Objetivo:
  • Set() es una colección de valores únicos.
  • Map() es una colección de pares clave-valor.
• Caso de uso:
  • Utilice Set() cuando necesite almacenar una lista de elementos únicos.
  • Utiliza Map() cuando necesites asociar valores con claves.

p.ej.)

`
let miConjunto = nuevo Conjunto([1, 2,3]);
let myMap = new Map([['clave1', 'valor1'], ['clave2', 'valor2']]);

console.log(mySet.has(2)); // Salida: verdadero
console.log(myMap.get('clave1')); // Salida: 'valor'1
`
En este ejemplo, Set() se usa para verificar la existencia de un valor, mientras que Map() se usa para recuperar un valor asociado con una clave.