OmbuShop Crea Tu Tienda Online

Iteraciones en JavaScript: for, forEach & each

  • Facebook
  • Twitter
  • LinkedIn
  • StumbleUpon
  • Email
  • RSS

Para aquellos puristas del código y la performance, les contamos algunas alternativas para iterar en JavaScript: for, forEach y herramientas de algunas librerías.

Como sabemos, existen diversas maneras de recorrer un Array, iterando cierta programación para cada uno de sus elementos. Hemos confeccionado una serie de tests para comparar la velocidad de los métodos más conocidos:

  • for nativo
  • forEach nativo
  • for hacia atrás
  • jQuery.each
  • underscore.each
  • lodash.each
  • Lazy.each

Performance

Por el momento, las opciones relacionadas con el uso nativo del for fueron los que dieron mejores resultados (superando ligeramente en Chrome la opción en reversa), seguido de lejos en un tercer lugar por el uso de Lazy.each e inmediatamente después lodash.each.

Iterators performance

Iteraciones en Javascript – Performance

Hemos subido los tests para poder sumar estadísticas al respecto. ¡Los invitamos a ingresar a la página de los tests de iteración de JS y correrlos desde su navegador!

Legibilidad

Por otra parte, no todas las decisiones de uso deben basarse en la performance. Cuando un fragmento de código se vuelve muy críptico, esto dificulta el trabajo en equipo y el mentenimiento de dicho código a futuro.

Existen casos, entonces, donde será importante sopesar la legibilidad del código, algo que nos puede hacer ganar mucho tiempo de trabajo a futuro. La mantenibilidad del código es fundamental si queremos pensar en proyectos a largo plazo.

Invitamos a diseñadores y frontenders a continuar experimentando y midiendo resultados!

Tags: , , , ,