• Saltar al contenido principal
  • Skip to secondary menu
  • Saltar a la barra lateral principal
  • Saltar al pie de página
  • Inicio
  • Secciones
    • Ciencia de datos
    • Criptografía
    • Herramientas
    • Machine Learning
    • Noticias
    • Opinión
    • Productividad
    • Programación
      • JavaScript
      • Julia
      • Matlab
      • Python
      • R
  • Programación
    • JavaScript
    • Julia
    • Matlab
    • Python
    • R
  • Noticias
  • Boletín
  • Contacto
  • Tienda
    • Libros
    • Equipamiento de oficina
    • Equipamiento en movilidad
    • Tiendas afiliadas
      • AliExpress
      • Amazon
      • Banggood
      • GeekBuying
      • Lenovo

Analytics Lane

Ciencia e ingeniería de datos aplicada

  • Ciencia de datos
  • Machine Learning
  • Python
  • Pandas
  • NumPy
  • Matlab
  • Julia
  • JavaScript
  • Excel

Rendimiento al iterar en JavaScript sobre un vector

julio 22, 2019 Por Daniel Rodríguez Deja un comentario
Tiempo de lectura: 4 minutos

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:

Publicidad


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.

Publicidad


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?

Publicaciones relacionadas

  • Métodos para operar sobre arrays en JavaScript de forma eficiente
    Métodos para operar sobre arrays en JavaScript de forma…
  • JavaScript
    Rango en pruebas unitarias en JavaScript (Creación de una…
  • Uso de GPU en JavaScript para mejorar el rendimiento
    Uso de GPU en JavaScript para mejorar el rendimiento
  • Obtener los índices para ordenar un vector en JavaScript
    Obtener los índices para ordenar un vector en JavaScript
  • Crear una copia profunda en JavaScript
    Crear una copia profunda en JavaScript
  • Compilar con Webpack (4º parte - Creación de una librería TypeScript)
    Compilar con Webpack (4º parte - Creación de una librería…

Publicado 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 principal

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

Analytics Lane en redes sociales

  • Amazon
  • Facebook
  • GitHub
  • Instagram
  • Pinterest
  • RSS
  • Twitter
  • Tumblr
  • YouTube

Publicidad

Entradas recientes

El método de Hare-Niemeyer y su implementación en Python

septiembre 29, 2023 Por Daniel Rodríguez

Redimensionar una partición de disco LVM con espacio no asignado en Linux

septiembre 27, 2023 Por Daniel Rodríguez

¿Cómo saber la versión de Pandas o cualquier otra librería en Python?

septiembre 25, 2023 Por Daniel Rodríguez

Publicidad

Es tendencia

  • ¿Cómo cambiar el nombre de las columnas en Pandas? publicado el mayo 6, 2019 | en Python
  • Seleccionar filas y columnas en Pandas con iloc y loc publicado el junio 21, 2019 | en Python
  • pandas Pandas: Cambiar los tipos de datos en los DataFrames publicado el julio 15, 2021 | en Python
  • Numpy básico: valores mínimos y máximos en arrays Numpy publicado el octubre 23, 2019 | en Python
  • Unir y combinar dataframes con pandas en Python publicado el septiembre 10, 2018 | en Python

Publicidad

Lo mejor valorado

4.9 (22)

Seleccionar filas y columnas en Pandas con iloc y loc

4.7 (12)

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

4.6 (15)

Archivos JSON con Python: lectura y escritura

4.5 (10)

Diferencias entre var y let en JavaScript

4.3 (12)

Ordenación de diccionarios en Python mediante clave o valor

Publicidad

Comentarios recientes

  • Daniel Rodríguez en ¿Cómo eliminar columnas y filas en un dataframe pandas?
  • Miguel en ¿Cómo eliminar columnas y filas en un dataframe pandas?
  • alberto en Resolver problema de credenciales en Bitbucket
  • Pablo en Aplicar el método D’Hondt en Excel
  • Agapito en Creación de un EXE desde un archivo Python en Windows

Publicidad

Footer

Analytics Lane

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

Secciones

  • Ciencia de datos
  • Criptografía
  • Herramientas
  • Machine Learning
  • Opinión
  • Productividad
  • Programación
  • Reseñas

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.

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