Ejercicio de programación con JavaScript: Arrays y Métodos
0h 15m
JavaScript: Arrays y Métodos Inicia con este ejercicio para aprender a filtrar, mapear y reducir arrays, creando funciones eficaces con JavaScript.
Dado un array de objetos que representan productos, implementa tres funciones:
filterAvailableProducts
: Debe devolver un nuevo array que contenga solo los productos disponibles (aquellos con la propiedadinStock
igual atrue
).formatProducts
: Debe transformar cada producto para que tenga un nuevo formato, añadiendo una propiedaddisplayName
que combine el nombre y la categoría, y una propiedadpriceWithTax
que sea el precio con un 21% de impuesto añadido.calculateTotalValue
: Debe calcular el valor total del inventario (suma de precio × cantidad de todos los productos).
Utiliza los métodos de array apropiados (filter
, map
, reduce
) para cada función.
Ejemplo del array de productos:
const products = [
{ id: 1, name: "Laptop", category: "Electronics", price: 999, inStock: true, quantity: 5 },
{ id: 2, name: "Headphones", category: "Audio", price: 99, inStock: true, quantity: 10 },
{ id: 3, name: "Keyboard", category: "Accessories", price: 49, inStock: false, quantity: 0 },
{ id: 4, name: "Mouse", category: "Accessories", price: 29, inStock: true, quantity: 3 }
];
Todos los ejercicios de programación de JavaScript
Evalúa tus conocimientos con ejercicios de programación en JavaScript de tipo Test, Puzzle, Código y Proyecto con VSCode.
Clases y objetos
Uso de operadores
Uso de operadores
Estructuras de control
Proyecto Manipulación DOM
Excepciones
Transformación con map()
Reto Métodos de Strings
Transformación con map()
Funciones flecha
Async / Await
Selección de elementos DOM
API Fetch
Encapsulación
Mapas con Map
Creación y uso de variables
Polimorfismo
Reto Funciones flecha
Tipos de datos
Reto Operadores avanzados
Promises
Reto Estructuras de control
Estructuras de control
Pruebas unitarias
Inmutabilidad y programación funcional pura
Funciones flecha
Polimorfismo
Reto Polimorfismo
Array
Transformación con map()
Reto Variables
Gestor de tareas con JavaScript
Proyecto Modificación de elementos DOM
Manipulación DOM
Funciones
Conjuntos con Set
Reto Prototipos y cadena de prototipos
Reto Encapsulación
Funciones flecha
Async / Await
Reto Excepciones
Reto Filtrado con filter() y find()
Creación y uso de variables
Excepciones
Promises
Funciones cierre (closure)
Reto Herencia
Herencia
Proyecto Eventos del DOM
Herencia
Selección de elementos DOM
Modificación de elementos DOM
Reto Clases y objetos
Filtrado con filter() y find()
Funciones cierre (closure)
Reto Destructuring de objetos y arrays
Callbacks
Funciones
Mapas con Map
Reducción con reduce()
Callbacks
Manipulación DOM
Introducción al DOM
Reto Funciones
Reto Funciones cierre (closure)
Promises
Reto Reducción con reduce()
Async / Await
Reto Estructuras de control
Eventos del DOM
Introducción a JavaScript
Async / Await
Promises
Selección de elementos DOM
Filtrado con filter() y find()
Callbacks
Creación de clases y objetos Restaurante
Reducción con reduce()
Filtrado con filter() y find()
Reducción con reduce()
Conjuntos con Set
Herencia de clases
Eventos del DOM
Clases y objetos
Modificación de elementos DOM
Mapas con Map
Proyecto carrito compra agoodshop
Introducción a JavaScript
Reto Mapas con Map
Funciones
Proyecto administrador de contactos
Reto Expresiones regulares
Tipos de datos
Clases y objetos
Array
Conjuntos con Set
Array
Encapsulación
Tutorial para resolver este ejercicio de programación
JavaScript
Arrays y Métodos
Estructuras de datos