¡Descarga Ejercicios de Javascript y más Apuntes en PDF de Informática solo en Docsity!
Ejercicios de Repaso - JavaScript
Esta relación de ejercicios está diseñada para practicar los conceptos fundamentales de JavaScript relacionados con arrays, arrays de objetos, Map, Set, LocalStorage y funciones. Los ejercicios tienen un nivel medio-alto y requieren aplicar varios conceptos de manera conjunta.
Las salidas se mostrarán por consola o como máximo en etiquetas .
Para resolver estos ejercicios, utiliza los datos proporcionados en el archivo src/db/data.js , que contiene diferentes conjuntos de datos que servirán como base para las prácticas.
Ejercicios de Arrays y Arrays de Objetos
Ejercicio 1: Filtrado y Transformación de Usuarios
Objetivo: Practicar el uso de métodos de arrays como filter , map y sort.
Datos necesarios: Array usuarios del archivo src/db/data.js
Enunciado: Implementa una función llamada obtenerUsuariosActivosOrdenados que:
- Filtre solo los usuarios activos del array usuarios
- Ordene los usuarios resultantes por edad de forma descendente
- Transforme cada usuario en un nuevo objeto que solo contenga las propiedades: nombre , email y edad
- Devuelva el array resultante
Crea funciones adicionales para:
Ordenar los resultados por edad (ascendente/descendente) Buscar por nombre o email Mostrar/ocultar usuarios inactivos
Muestra los resultados por consola.
Ejercicio 2: Análisis de Productos por Categoría
Objetivo: Practicar el uso de reduce para agrupar datos y realizar cálculos.
**Datos necesarios:** Array **productos** del archivo **src/db/data.js**
Enunciado: Implementa una función llamada analizarProductosPorCategoria que:
- Agrupe los productos del array productos por categoría
- Para cada categoría, calcule: Número total de productos Precio medio de los productos Stock total Valoración media
- Devuelva un objeto donde las claves sean las categorías y los valores sean objetos con la información calculada
Crea funciones adicionales para:
Filtrar categorías con stock bajo o valoración alta Ordenar categorías por diferentes criterios (productos, precio, stock) Identificar categorías con problemas (stock bajo, valoración baja)
Muestra los resultados por consola.
Ejercicio 3: Búsqueda Avanzada de Usuarios
Objetivo: Practicar búsquedas complejas en arrays de objetos.
Datos necesarios: Array usuarios del archivo src/db/data.js
Enunciado: Implementa una función llamada buscarUsuariosPorHobbies que:
- Acepte como parámetro un array de hobbies a buscar
- Devuelva todos los usuarios que tengan AL MENOS UNO de los hobbies especificados
- Ordene los resultados por número de hobbies coincidentes (de más a menos)
- En caso de empate, ordene alfabéticamente por nombre
Crea funciones adicionales para:
Contar el número de coincidencias por usuario Filtrar usuarios por ciudad o nivel Calcular estadísticas de los hobbies más populares
Muestra los resultados por consola.
Filtrar estadísticas por nivel de usuario Comparar estadísticas entre diferentes grupos Obtener usuarios destacados por diferentes criterios
Muestra los resultados por consola.
Ejercicios de Map y Set
Ejercicio 6: Gestión de Inventario con Map
Objetivo: Practicar el uso de Map para gestionar inventario.
Datos necesarios: Array productos del archivo src/db/data.js
Enunciado: Implementa una función llamada gestionarInventario que:
- Cree un Map a partir del array productos donde la clave sea el id del producto
- Implemente las siguientes operaciones sobre el Map: actualizarStock(idProducto, nuevaCantidad) : Actualiza el stock de un producto obtenerProductoPorId(idProducto) : Devuelve el producto con ese id productosConBajoStock(limite) : Devuelve un array con productos cuyo stock sea inferior al límite
- Devuelva un objeto con estas tres funciones y el Map inicial
Crea funciones adicionales para:
Generar alertas automáticas cuando el stock baje del límite Buscar productos por nombre o categoría Guardar cambios en LocalStorage
Muestra los resultados por consola.
Ejercicio 7: Sistema de Etiquetas con Set
Objetivo: Practicar el uso de Set para gestionar etiquetas únicas.
Datos necesarios: Array productos del archivo src/db/data.js
Enunciado: Implementa una función llamada sistemaEtiquetas que:
- Extraiga todas las etiquetas del array productos y las guarde en un Set para eliminar duplicados
- Implemente las siguientes operaciones: agregarEtiqueta(etiqueta) : Añade una nueva etiqueta al Set eliminarEtiqueta(etiqueta) : Elimina una etiqueta del Set obtenerProductosConEtiqueta(etiqueta) : Devuelve los productos que contengan esa etiqueta etiquetasDisponibles() : Devuelve un array con todas las etiquetas disponibles
- Devuelva un objeto con el Set de etiquetas y las funciones para gestionarlo
Crea funciones adicionales para:
Filtrar productos por múltiples etiquetas (AND/OR) Contar el número de productos por etiqueta Identificar las etiquetas más populares
Muestra los resultados por consola.
Ejercicio 8: Comparación de Colecciones
Objetivo: Practicar operaciones entre Map y Set.
Datos necesarios: Sets coloresPrimarios , coloresSecundarios y Map ciudadesPoblacion del archivo src/db/data.js
Enunciado: Implementa una función llamada compararColecciones que:
- A partir de los Sets coloresPrimarios y coloresSecundarios , cree: Un Set con todos los colores (unión) Un Set con los colores que están en ambos (intersección) Un Set con los colores que están en primarios pero no en secundarios (diferencia)
- A partir del Map ciudadesPoblacion , cree otro Map solo con las ciudades cuya población sea superior a 1 millón
- Devuelva un objeto con todos estos resultados
Crea funciones adicionales para:
Añadir nuevos elementos a las colecciones Calcular estadísticas de las operaciones Exportar los resultados de las operaciones
Muestra los resultados por consola.
usuariosConPermiso(permiso) : Devuelve un array con ids de usuarios que tienen un permiso
- Devuelva un objeto con el Map de permisos y las funciones para gestionarlo
Crea funciones adicionales para:
Crear roles predefinidos de permisos Asignar roles a múltiples usuarios a la vez Generar un informe de permisos
Muestra los resultados por consola.
Ejercicios de LocalStorage
Ejercicio 11: Persistencia de Datos de Usuario
Objetivo: Practicar el uso de LocalStorage para persistir datos.
Datos necesarios: Array usuarios del archivo src/db/data.js
Enunciado: Implementa un módulo llamado persistenciaUsuario que:
- Implemente las siguientes funciones: guardarUsuario(usuario) : Guarda un usuario en LocalStorage obtenerUsuario(id) : Recupera un usuario de LocalStorage por su id actualizarUsuario(id, datos) : Actualiza datos de un usuario en LocalStorage eliminarUsuario(id) : Elimina un usuario de LocalStorage listarUsuarios() : Devuelve todos los usuarios guardados en LocalStorage
- Maneja los casos en que no haya datos en LocalStorage
- Incluye manejo de errores para operaciones que puedan fallar
Crea funciones adicionales para:
Validar los datos antes de guardar Exportar/importar datos en formato JSON Sincronizar datos entre diferentes pestañas
Muestra los resultados por consola.
Ejercicio 12: Historial de Búsquedas
Objetivo: Practicar el uso de LocalStorage para mantener historial.
Datos necesarios: Array palabras del archivo src/db/data.js para demostración
Enunciado: Implementa un módulo llamado historialBusquedas que:
- Implemente un sistema de historial de búsquedas utilizando LocalStorage
- Debe incluir las siguientes funciones: agregarBusqueda(termino) : Añade una nueva búsqueda al historial obtenerHistorial() : Devuelve el historial completo ordenado por fecha (más reciente primero) eliminarBusqueda(id) : Elimina una búsqueda específica del historial limpiarHistorial() : Elimina todo el historial buscarEnHistorial(termino) : Busca búsquedas que contengan un término
- Cada búsqueda debe guardar: término, fecha y un id único
- Limita el historial a un máximo de 50 búsquedas
Crea funciones adicionales para:
Agrupar búsquedas por términos similares Marcar búsquedas como favoritas Calcular estadísticas de las búsquedas más frecuentes
Muestra los resultados por consola.
Ejercicio 13: Configuración de Preferencias
Objetivo: Practicar el uso de LocalStorage para guardar configuraciones.
Datos necesarios: No se requieren datos específicos del archivo data.js
Enunciado: Implementa un módulo llamado configuracionPreferencias que:
- Implemente un sistema de preferencias de usuario utilizando LocalStorage
- Debe incluir las siguientes funciones: establecerPreferencia(clave, valor) : Guarda una preferencia obtenerPreferencia(clave, valorPorDefecto) : Obtiene una preferencia con valor por defecto restablecerPreferencias() : Restablece todas las preferencias a sus valores por defecto exportarPreferencias() : Devuelve un objeto con todas las preferencias importarPreferencias(preferencias) : Importa un objeto de preferencias
Ejercicio 15: Sistema de Favoritos
Objetivo: Practicar el uso de LocalStorage para gestionar elementos favoritos.
Datos necesarios: Arrays usuarios y productos del archivo src/db/data.js
Enunciado: Implementa un módulo llamado sistemaFavoritos que:
- Implemente un sistema de favoritos para usuarios y productos utilizando LocalStorage
- Debe incluir las siguientes funciones: agregarFavorito(tipo, id) : Añade un elemento a favoritos (tipo: 'usuario' o 'producto') eliminarFavorito(tipo, id) : Elimina un elemento de favoritos esFavorito(tipo, id) : Comprueba si un elemento está en favoritos obtenerFavoritos(tipo) : Devuelve todos los favoritos de un tipo obtenerFavoritosConDetalles(tipo) : Devuelve los favoritos con todos sus detalles
- Utiliza los arrays usuarios y productos para obtener los detalles
- Cada favorito debe guardar: tipo, id y fecha de adición
Crea funciones adicionales para:
Filtrar favoritos por fecha de adición Buscar dentro de los favoritos Crear colecciones personalizadas de favoritos
Muestra los resultados por consola.
Ejercicios de Funciones
Ejercicio 16: Generador de Datos de Productos
Objetivo: Practicar la creación de funciones para procesar datos de productos.
Datos necesarios: Array productos del archivo src/db/data.js
Enunciado: Implementa un módulo llamado procesadorProductos que:
- Implemente las siguientes funciones: generarResumenProducto(producto) : Crea un resumen de un producto específico generarResumenProductos(listaProductos) : Genera resúmenes para múltiples productos
aplicarFiltros(productos, filtros) : Filtra productos según criterios ordenarProductos(productos, criterio) : Ordena productos según diferentes criterios
- Cada resumen debe incluir: nombre, categoría, precio y stock
- Añade etiquetas diferentes según el stock (alto, medio, bajo)
- Crea filtros para: categoría, rango de precios y disponibilidad
- Demuestra su funcionamiento con diferentes productos
Muestra los resultados por consola.
Ejercicio 17: Sistema de Tablas de Datos
Objetivo: Practicar la creación de tablas de datos y funciones de ordenación.
Datos necesarios: Array usuarios del archivo src/db/data.js
Enunciado: Implementa un módulo llamado tablaDatos que:
- Implemente las siguientes funciones: crearTabla(datos, columnas) : Crea una estructura de tabla a partir de datos ordenarTabla(datos, columna, direccion) : Ordena los datos según una columna paginarTabla(datos, pagina, elementosPorPagina) : Implementa paginación filtrarTabla(datos, terminoBusqueda) : Filtra datos por un término exportarTabla(datos, formato) : Exporta los datos en diferentes formatos
- La tabla debe ser procesable con: Ordenación por diferentes columnas Controles de paginación Búsqueda de texto Resaltado de datos específicos
- Demuestra su funcionamiento con los datos de usuarios
Muestra los resultados por consola.
Ejercicio 18: Gestor de Validación de Datos
Objetivo: Practicar la creación de funciones de validación de datos.
Datos necesarios: Arrays usuarios y productos del archivo src/db/data.js
Enunciado: Implementa un módulo llamado validadorDatos que:
Incluir timestamp en cada notificación Historial de notificaciones
- Demuestra su funcionamiento mostrando diferentes tipos de notificaciones
Muestra los resultados por consola.
Ejercicio 20: Dashboard de Datos
Objetivo: Practicar la creación de un dashboard con visualización de datos por consola.
Datos necesarios: Arrays usuarios , productos y pedidos del archivo src/db/data.js
Enunciado: Implementa un módulo llamado dashboardDatos que:
- Implemente las siguientes funciones: crearResumenUsuarios() : Crea un resumen de estadísticas de usuarios crearResumenProductos() : Crea un resumen de estadísticas de productos crearResumenPedidos() : Crea un resumen de estadísticas de pedidos actualizarDashboard() : Actualiza todos los datos del dashboard exportarDatos(formato) : Exporta los datos del dashboard
- El dashboard debe incluir: Estadísticas de usuarios por ciudad Estadísticas de productos por categoría Estadísticas de pedidos por estado Resumen de métricas clave
- Características adicionales: Formato tabular para los datos Opciones de filtrado Exportación a formato legible
- Demuestra su funcionamiento mostrando diferentes visualizaciones de datos
Muestra los resultados por consola.
Instrucciones Generales
- Importación de datos: Para resolver los ejercicios, importa los datos necesarios desde src/db/data.js :
import { usuarios, productos, pedidos, numeros, ciudadesPoblacion, coloresPrimarios, coloresSecundarios, } from "./src/db/data.js";
Cada ejercicio especifica qué datos necesitas utilizar.
- Estructura de archivos: Crea un archivo por cada ejercicio o agrupa varios ejercicios relacionados en un mismo archivo.
- Testing: Para cada ejercicio, incluye ejemplos de uso que demuestren que las funciones funcionan correctamente.
- Buenas prácticas: Aplica las buenas prácticas de JavaScript modernas:
Usa arrow functions cuando sea apropiado Desestructura objetos y arrays para facilitar el trabajo Usa métodos funcionales de arrays (map, filter, reduce, etc.) Maneja casos extremos y errores con try/catch Documenta las funciones con comentarios claros Usa sintaxis ES6+ (template literals, destructuring, spread operator, etc.)
- Salida de datos: Todos los ejercicios deben mostrar los resultados por consola:
Usa console.log() para mostrar resultados Usa console.table() para mostrar arrays y objetos de forma tabular Usa console.group() y console.groupEnd() para agrupar mensajes relacionados Incluye mensajes descriptivos que expliquen lo que se está mostrando
- Desafío adicional: Una vez completados todos los ejercicios, intenta crear una pequeña aplicación que integre varias de las funcionalidades implementadas.
