Recorrer una matriz usando JavaScript

Recorrer en iteración los elementos de una matriz es una tarea común en JavaScript. Hay varios enfoques disponibles, cada uno con sus propias fortalezas y limitaciones. Exploremos estas opciones:

Matrices

1. Bucle for-of (ES2015)

Este bucle itera sobre los valores de una matriz usando un iterador:

const arr = ["a", "b", "c"];
for (const element of arr) {
  console.log(element); // "a", "b", "c"
}

2. forEach

forEach es un método que itera sobre la matriz y llama a una función para cada elemento:

arr.forEach(element => {
  console.log(element); // "a", "b", "c"
});

3. Bucle for simple

Este bucle utiliza una variable de contador para iterar sobre los elementos de la matriz:

for (let i = 0; i 
4. Bucle for-in (con protecciones)
for-in itera sobre las propiedades de una matriz, que incluyen sus elementos. Sin embargo, es importante utilizar medidas de seguridad para evitar la iteración sobre las propiedades del prototipo:
for (const property in arr) {
  // Check if 'property' is an array element property
  if (arr.hasOwnProperty(property)) {
    console.log(arr[property]); // "a", "b", "c"
  }
}
5. Iterador (ES2015)
Las matrices son objetos iterables y proporcionan un iterador que se puede avanzar manualmente usando next():
const iterator = arr[Symbol.iterator]();
while (true) {
  const result = iterator.next();
  if (result.done) break;
  console.log(result.value); // "a", "b", "c"
}