• Ir al contenido principal
  • Skip to secondary menu
  • Ir a la barra lateral primaria
  • Ir al pie de página
  • Inicio
  • Secciones
    • Ciencia de datos
    • Criptografía
    • Herramientas
    • Noticias
    • Opinión
  • Programación
    • JavaScript
    • Julia
    • Matlab
    • Python
    • R
  • Boletín
  • Contacto
  • Acerca de Analytics Lane
  • Tienda
    • Libros
    • Equipamiento de oficina
    • Equipamiento en movilidad
    • Tiendas afiliadas
      • AliExpress
      • Amazon
      • GearBest
      • GeekBuying
      • JoyBuy

Analytics Lane

Ciencia e ingeniería de datos aplicada

  • Ciencia de datos
  • Criptografía
  • Python
  • Matlab
  • R
  • Julia
  • JavaScript
  • Herramientas
  • Opinión
  • Noticias

Rendimiento al iterar en JavaScript sobre un vector

julio 22, 2019 Por Daniel Rodríguez Dejar un comentario

En JavaScript existen diferentes formas de iterar sobre vectores: el tradicional bucle for, el método forEach y los diferentes métodos de programación funcional (map, reduce, filter y find). Pudiéndose utilizar cualquiera de las opciones en la mayoría de las situaciones. Al emplear los métodos de programación funcional generalmente se consigue código más compacto y fácil de leer. Pero ¿es esta la opción más rápida o lo es el bucle for? Para resolver estas dudas en esta entrada se va a implementar varias soluciones a un mismo problema para comprobar el diferente rendimiento al iterar en JavaScript que se observa con cada método.

Tiempo de ejecución de un código en JavaScript

El tiempo de ejecución del código JavaScript se puede medir de diferentes maneras. Pero una de las más prácticas son las funciones console.time() y console.timeEnd(). Al utilizar la primera se inicia un contador de tiempo, mientras que la segunda finaliza y saca por pantalla el tiempo transcurrido.

Obtener el gasto de los clientes de una base de datos

Para comprobar cual de los métodos ofrece mejor rendimiento se va a calcular el gasto total de los clientes en un conjunto de datos. Para lo que se utiliza el siguiente ejemplo.

const clients_base = [
    { id: 0, units: 1, price: 4 },
    { id: 1, units: 3, price: 2 },
    { id: 2, units: 2, price: 2 },
    { id: 3, units: 5, price: 3 },
    { id: 4, units: 1, price: 4 },
    { id: 5, units: 2, price: 3 },
    { id: 6, units: 2, price: 2 },
    { id: 7, units: 5, price: 3 },
    { id: 8, units: 1, price: 4 },
    { id: 9, units: 2, price: 3 }];

let clients = JSON.parse(JSON.stringify(clients_base));

console.time('for');
let total = 0;

for (let i = 0; i < clients.length; ++i) {
    total += clients[i].units * clients[i].price;
}

console.timeEnd('for');

clients = JSON.parse(JSON.stringify(clients_base));

console.time('forEach');

total = 0;

clients.forEach(client => {
    total += client.units * client.price;
});

console.timeEnd('forEach');

clients = JSON.parse(JSON.stringify(clients_base));

console.time('reduce');

total = clients.reduce((result, client) => {
    result += client.units * client.price;
    return result;
}, 0);

console.timeEnd('reduce');

En este se puede ver que se tiene un conjunto de diez clientes que ha comprado unas unidades a un precio unitario. En las tres aproximaciones se calcula los ingresos totales midiéndose el tiempo que se tarda cada una de ellas. La primera aproximación es un bucle for clásico, en el que se guardan los valores en una variable. La segunda aproximación es con forEach() en el que se opera de manera análoga. Finalmente, se utiliza el método reduce() en el que se suma en cada paso el resultado a la variable result.

Al ejecutar el código en un ordenador con node 11.6 se obtienen los siguientes resultados:

for: 0.015ms
forEach: 0.043ms
reduce: 0.103ms

Indicando que el método más rápido es for, seguido de forEach() y el más lento es reduce().

Obtener el gasto de cada uno de los clientes

Por otro lado, se puede utilizar los mismos datos para obtener el gasto total de cada uno de los clientes. Esto se puede hacer con el siguiente código.

const clients_base = [
    { id: 0, units: 1, price: 4 },
    { id: 1, units: 3, price: 2 },
    { id: 2, units: 2, price: 2 },
    { id: 3, units: 5, price: 3 },
    { id: 4, units: 1, price: 4 },
    { id: 5, units: 2, price: 3 },
    { id: 6, units: 2, price: 2 },
    { id: 7, units: 5, price: 3 },
    { id: 8, units: 1, price: 4 },
    { id: 9, units: 2, price: 3 }];

let clients = JSON.parse(JSON.stringify(clients_base));

console.time('for');
for (let i = 0; i < clients.length; ++i) {
    clients[i].total = clients[i].units * clients[i].price;
}
console.timeEnd('for');

clients = JSON.parse(JSON.stringify(clients_base));

console.time('forEach');

clients.forEach(client => {
    client.total = client.units * client.price;
    return client;
});

console.timeEnd('forEach');

clients = JSON.parse(JSON.stringify(clients_base));

console.time('map');

clients.map(client => {
    client.total = client.units * client.price;
    return client;
});

console.timeEnd('map');

Ejecutando el código la misma configuración que el ejemplo anterior se obtiene el siguiente resultado:

for: 0.239ms
forEach: 0.049ms
map: 0.090ms

El cual muestra un resultado completamente diferente al del caso anterior. Ahora forEach() es la mejor solución seguido de map()

Conclusiones

En esta entrada se ha visto que el rendimiento al iterar en JavaScript depende del problema. En el primer ejemplo, al sumar los valores en una nueva variable el mejor método es for. Posiblemente aquí sea más importante el hecho de tener que llamar una función cada vez que se itera sobre un elemento del array. Por otro lado, en el segundo ejemplo, el hecho de modificar el objeto original hace que sea más eficiente el método forEach(), a pesar de tener que llamar una función.

A la hora de decidirnos por cualquiera de las implementaciones no hay que tener en cuenta solamente el rendimiento, sino que la legibilidad del código es también importante. Siendo habitualmente más legible el código que se crear utilizando el paradigma de programación funcional.

¿Qué opináis vosotros? Podéis dejar vuestras opiniones en los comentarios de la entrada.

Imágenes: Pixabay (Robert Owen-Wahl)

¿Te ha parecido de utilidad el contenido?

¡Puntúalo entre una y cinco estrellas!

Puntuación promedio 0 / 5. Votos emitidos: 0

Ya que has encontrado útil este contenido...

¡Síguenos en redes sociales!

¡Siento que este contenido no te haya sido útil!

¡Déjame mejorar este contenido!

Dime, ¿cómo puedo mejorar este contenido?

Contenido relacionado

Archivado en:JavaScript

Interacciones con los lectores

Deja una respuesta Cancelar la respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

I accept the Terms and Conditions and the Privacy Policy

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Publicidad


Barra lateral primaria

Suscríbete a nuestro boletín

Suscríbete al boletín semanal para estar al día de todas las publicaciones.

Política de Privacidad

¡Síguenos en redes sociales!

  • facebook
  • instagram
  • pinterest
  • tumblr
  • twitter
  • youtube
  • github
  • telegram
  • rss

Publicidad

Tiendas afiliadas

Ayúdanos realizando tus compras sin coste adicional con los enlaces de la tienda. ¡Gracias!

Entradas recientes

Epsilon-Greedy para el Bandido Multibrazo (Multi-Armed Bandit)

febrero 26, 2021 Por Daniel Rodríguez Dejar un comentario

Introducción al paquete dplyr del Tidyverse

febrero 24, 2021 Por Daniel Rodríguez Dejar un comentario

Combinar diagramas de caja e histogramas en Python con Seaborn

febrero 22, 2021 Por Daniel Rodríguez Dejar un comentario

Publicidad

Es tendencia

  • Seleccionar filas y columnas en Pandas con iloc y loc bajo Python
  • ¿Cómo eliminar columnas y filas en un dataframe pandas? bajo Python
  • Operaciones de filtrado de DataFrame con Pandas en base a los valores de las columnas bajo Python
  • Unir y combinar dataframes con pandas en Python bajo Python
  • Excel en Python Guardar y leer archivos Excel en Python bajo Python

Publicidad

Lo mejor valorado

5 (3)

Ordenar una matriz en Matlab en base a una fila o columna

5 (3)

Automatizar el análisis de datos con Pandas-Profiling

5 (5)

Diferencias entre var y let en JavaScript

5 (6)

Operaciones de filtrado de DataFrame con Pandas en base a los valores de las columnas

5 (3)

Unir y combinar dataframes con pandas en Python

Publicidad

Comentarios recientes

  • Daniel Rodríguez en Guardar y leer archivos Excel en Python
  • franklin Chiluisa en Guardar y leer archivos Excel en Python
  • Miguel en Guardar y leer archivos CSV con Python
  • Daniel Rodríguez en Guardar diferentes hojas Excel con Python
  • Grevall en Guardar diferentes hojas Excel con Python

Publicidad

Footer

Secciones

  • Ciencia de datos
  • Criptografía
  • Herramientas
  • Noticias
  • Opinión

Programación

  • JavaScript
  • Julia
  • Matlab
  • Python
  • R

Analytics Lane

  • Acerca de Analytics Lane
  • Boletín de noticias
  • Contacto
  • Lo más popular
  • Tienda

Tiendas Afiliadas

  • AliExpress
  • Amazon
  • BangGood
  • GearBest
  • Geekbuying
  • JoyBuy

Sobre de Analytics Lane

En Analytics Lane tratamos de explicar los principales conceptos de la ciencia e ingeniería de datos con un enfoque práctico. Los principales temas tratados son ciencia de datos, ingeniería de datos, inteligencia artificial, machine learning, deep learning y criptografía. Además, también se habla de los principales lenguajes de programación y herramientas utilizadas por los científicos e ingenieros de datos.

Tiendas afiliadas

Ayúdanos realizando tus compras sin coste adicional con los enlaces de la tienda. ¡Gracias!

Amazon

2018-2020 Analytics Lane · Términos y condiciones · Política de Cookies · Política de Privacidad · Herramientas de privacidad · Contacto