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.
Array
Modificación de elementos DOM
Encapsulación
Manipulación DOM
Clases y objetos
Uso de operadores
Uso de operadores
Estructuras de control
Funciones
Excepciones
Transformación con map()
Transformación con map()
Funciones flecha
Async / Await
Polimorfismo
Variables
Selección de elementos DOM
API Fetch
Encapsulación
Mapas con Map
Creación y uso de variables
Polimorfismo
Tipos de datos
Promises
Estructuras de control
Pruebas unitarias
Encapsulación
Inmutabilidad y programación funcional pura
Destructuring de objetos y arrays
Mapas con Map
Funciones flecha
Polimorfismo
Herencia
Array
Transformación con map()
Gestor de tareas con JavaScript
Manipulación DOM
Funciones
Operadores avanzados
Conjuntos con Set
Funciones flecha
Async / Await
Clases y objetos
Métodos de Strings
Creación y uso de variables
Excepciones
Promises
Funciones cierre (closure)
Funciones cierre (closure)
Herencia
Prototipos y cadena de prototipos
Herencia
Estructuras de control
Selección de elementos DOM
Modificación de elementos DOM
Funciones flecha
Filtrado con filter() y find()
Funciones cierre (closure)
Callbacks
Funciones
Mapas con Map
Reducción con reduce()
Callbacks
Manipulación DOM
Introducción al DOM
Expresiones regulares
Promises
Async / Await
Eventos del DOM
Introducción a JavaScript
Async / Await
Excepciones
Promises
Selección de elementos DOM
Filtrado con filter() y find()
Callbacks
Eventos del DOM
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
Filtrado con filter() y find()
Estructuras de control
Funciones
Reducción con reduce()
Proyecto administrador de contactos
Tipos de datos
Clases y objetos
Array
Conjuntos con Set
Tutorial para resolver este ejercicio de programación
JavaScript
Arrays y Métodos
Estructuras de datos