Playground: calcula y agrega nuevas propiedades a un array

Cursos Empresas Blog Live Conf Precios

Contenido del curso

Introducción

1
Manipulación de Arrays en JavaScript para Desarrollo Full Stack
01:39 min

Fundamentos del manejo de arrays

Métodos en JavaScript

Despedida

28
Manipulación de Rides con JavaScript
00:38 min

Tomar examen

Playground: calcula y agrega nuevas propiedades a un array

Resumen

Completa el desafío con los conocimientos adquiridos e implementa el método map() en tu solución.

Comentarios

Héctor Daniel Sevilla Sandoval

student

Puedes dejarlo en una sola línea, con return implicito:

return array.map(item => ({ ...item, 'taxes': Math.trunc( item.price * .19 ) }))

Paul Francis

student

Porque usas Math.trunc?

Eliezer Hernandez

student

@paulfrancis para obtener solo la parte entera de un numero, es decir omitiendo la parte decimal.

Jeaneth Tafur Huaman

student

Al inicio se me complicó porque estaba usando Math.round() que redondea al entero más cercano
Usando Math.trunc() toma solo la parte entera del número.

function solution(array) {
  // Tu código aquí 👈 
  return array.map(item => {
    return {
      ...item,
      taxes: Math.trunc(0.19 * (item.price))
    };
  });
};

Luis Alejandro Vera Hernandez

student

Gracias por la aclaracion

Juan Camilo Hoyos Castaño

student

Sabes el porque deben ser dos return ?

Aníbal Corral

student

En VScode funciona

function solution(array) {
 	// Tu código aquí 👈 
	return array.map(product => {
		product.taxes = product.price * .19;
		return product;
	 })
};

Héctor Daniel Sevilla Sandoval

student

Debes retornar un entero sin decimales. Además que con lo que hiciste estas mutando el objeto original, tienes que retornar un objeto y le "spread" las propiedades que ya tienes y agregas la que quieres crear que en este caso son los taxes.

Juan Pablo Ospina Restrepo

student

Tal vez no es la mejor solución pero esta es mi implementación.

function solution(array) {
	return array.map(item => { 
		return {
			...item,
			taxes:parseInt(item.price*.19)
		}
	})
};

Maria del Carmen Valero Carreño

student

No se porque pero a mi la plataforma de los ejercicios no me funciona, se queda cargando todo el tiempo cuando mandas la solución y de ahí no pasa....

Rodrigo Andre Gutierrez

student

no hay que poner nada por fuera, solo donde nos indica el comentario

Jorge Garcia

student

pues no se me ocurrio de otra manera pero aca mi solucion

function solution(array) {
 const total =   array.map(item => {
        return {...item, tax:parseInt(item.price * .19)}
    })
    return total
}; 


const clients = [
    {
      name: "Product 1",
      price: 1000,
      stock: 10
    },
    {
      name: "Product 2",
      price: 2000,
      stock: 20
    },
    {
      name: "Product 3",
      price: 256,
      stock: 20
    }]
console.table(clients)
console.table(solution(clients))

Maria del Carmen Valero Carreño

student

<const array = [
	{
		name: "Product 1",
		price: 1000,
		stock: 10,
	},

	{
		name: "Product 2",
		price: 2000,
		stock: 20
	},
];


const newArray = array.map(item => {
    return {
        ...item,
        taxes: Math.trunc( item.price * 0.19 ),
    };
});

console.log('original', array);
console.log('newArray', newArray);>

DANIEL MEDINA ARMADA Medina

student

Buenas tardes, a pesar de que el output me sale bien, la prueba arroja resultado negativo. Las 3 veces el test me da error. Luego copio y pego la solución dada y me sale nuevamente el error???

Yerko Cortés Baeza

student

Estuve como 1 hora cabeceandome debido a lo mismo, ahora se que no soy el único. Incluso lo hice con y sin Spread 😆

Kengya Moncada

student

Me pasa lo mismo...

José Alfonso Ramos Castro

student

Nunca se me ocurrió usar el método Math 😅 Mi solución fue algo mas así:

function solution(array){
    const orders = array.map(item => {
        return{
            ...item,
            taxes: item.price*0.19
        }
    })
    return orders
}

Son mas lineas de código, lo sé jsjsja

Eliezer Hernandez

student

¿Alguien mas tiene problemas con esta prueba? Creo que esta prueba tiene problemas, mi solución la he probado en otra parte y arroja los outputs esperados. Ademas si copio la solución que te muestra despues de los 3 intentos fallidos y la ejecuto tampoco pasa la prueba.

Nicolas Molina

teacher

Hola, si tienes razón había un error en las pruebas, ya debería estar funcionando bien!

Nicolas Molina

teacher

Hola, tienes razón, había un error en las pruebas, ya está solucionado ¡Gracias por notificar!

Sebastián Andrés Sanhueza Tapia

student

¿¿Por qué es distinto??

function solution(array) {
	return array.map(item => item.taxes = Math.trunc(item.price*0.19));
};
//resultado [ 190, 380 ]

¿¿Por qué si lo hago así me da como resultado [ 190, 380 ]??

function solution(array) {
	array.map(item => item.taxes = Math.trunc(item.price*0.19));
	return array;
};
//resultado 
//[
//  { name: 'Product 1', price: 1000, stock: 10, taxes: 190 },
//  { name: 'Product 2', price: 2000, stock: 20, taxes: 380 },
//]

Pero si lo hago de la siguiente manera me da [ { name: 'Product 1', price: 1000, stock: 10, taxes: 190 }, { name: 'Product 2', price: 2000, stock: 20, taxes: 380 }, ]

Juan Camilo Hoyos Castaño

student

Hola estas Modificar el array Inicial, Mejor dicho estas modificando el mismo espacio en memoria, por tal razon debes utilizar {...item, 'taxes': } , para crear un nuevo array

Didier Núñez

student

Yo lo hice así, en Visual Studio Code funciona bien, pero si lo pongo aquí en el ejercicio, me lo marca como que no. Entonces ya no entendí ._.

function solution(array) {
    const addTaxes = array.map(item => {
        return {
            ...item,
            tax: (item.price*0.19),
        }
    })
    return addTaxes
}

const array = [
    {
        name: 'Chromecast',
        price: 1000,
        stock: 10,
    },
    {
        name: 'Stereo',
        price: 2000,
        stock: 20,
    }
];

console.table(array);
console.table(solution(array));

Oscar Israel Román Quispe

student

en la caja, tienes que poner export al inicio de la solución.

Luis Enrique Chavarría Vázquez

student

Amigos, no se preocupen si no les sale a la primera, en la siguiente clase de map reloaded se explica de mejor manera como hacerlo sin modificar el array original. Animo!!

Nicolas Molina

teacher

Hola, tienes razón, sin embargo, ya moví esta clase en el orden adecuado, para que el ejercicio este después y no antes, ¡Gracias por notificar!

Francisco Javier Rodriguez Gomez

student

La prueba no está funcionando, utilizando la solución, falla igual:

Should return array with taxes

Should return array random prices

expect(received).toEqual(expected) // deep equality

Expected: 1626 Received: 380 Algo salio mal, revisa tu código e intentalo de nuevo.

Nicolas Molina

teacher

Hola, había un error en las pruebas, ya debería estar funcionando bien!

Diego Alvaro Parra Abad

student

Me salía que mi código estaba mal, pero el proceso se ejecuta correctamente dando el resultado final solicitado :/

Stephany Plaza

student

recuerda que el ejercicio te pide que el valor de taxes sea un valor entero sin decimales, para ello puedes utilizar el metodo Math.trunc antes de calcular el tax al precio del producto

function solution(array){
 	return array.map(item => ({
 		...item,
 		taxes: Math.trunc(item.price * .19)
 	}))
};

Jefferson Valencia

student

function solution(array){	
 		const product_texas = array.map(items=>{
      items.texas = items.price*0.19;
      return items
    });
  	console.log(product_texas);
};

Tiberio Calderón

student

No había tendo en cuenta lo de dar el resultado como un valor entero.

Santiago Pintos

student

Mi solución es un poco extensa, pero funciona:

function taxes (array){
    const nuevoArray = array.map(item =>{
        let taxCalculator= Math.trunc((19*item.price)/100);
        return {
            ...item,
            taxes: taxCalculator
        }
    });
}

Jorfan David Pabón Cortés

student

function solution(array) {
	const result = array.map((product) => {
		return {
			...product,
			taxes: Math.trunc(0.19*product.price)
			};
	})
	return result
};

Estefania Jaramillo Medina

student

function solution(array) { return array.map(item => { return { ...item, taxes: (item.price * 0.19) } }); };

Esta fue mi solución pero en compilador me dice que no esta bien

Guillermo González López

student

puede ser porque el resultado de la operación debe ser en números enteros o tipo int con Math.trunc

function solution(array) {
 const total =   array.map(item => {
        return {...item, tax:parseInt(item.price * .19)}
    })
    return total
}; 


const clients = [
    {
      name: "Product 1",
      price: 1000,
      stock: 10
    },
    {
      name: "Product 2",
      price: 2000,
      stock: 20
    },
    {
      name: "Product 3",
      price: 256,
      stock: 20
    }]
console.table(clients)
console.table(solution(clients))

<const array = [
	{
		name: "Product 1",
		price: 1000,
		stock: 10,
	},

	{
		name: "Product 2",
		price: 2000,
		stock: 20
	},
];


const newArray = array.map(item => {
    return {
        ...item,
        taxes: Math.trunc( item.price * 0.19 ),
    };
});

console.log('original', array);
console.log('newArray', newArray);> 

function solution(array) {
	array.map(item => item.taxes = Math.trunc(item.price*0.19));
	return array;
};
//resultado 
//[
//  { name: 'Product 1', price: 1000, stock: 10, taxes: 190 },
//  { name: 'Product 2', price: 2000, stock: 20, taxes: 380 },
//]

function solution(array) {
    const addTaxes = array.map(item => {
        return {
            ...item,
            tax: (item.price*0.19),
        }
    })
    return addTaxes
}

const array = [
    {
        name: 'Chromecast',
        price: 1000,
        stock: 10,
    },
    {
        name: 'Stereo',
        price: 2000,
        stock: 20,
    }
];

console.table(array);
console.table(solution(array));

function taxes (array){
    const nuevoArray = array.map(item =>{
        let taxCalculator= Math.trunc((19*item.price)/100);
        return {
            ...item,
            taxes: taxCalculator
        }
    });
}

Introducción

Manipulación de Arrays en JavaScript para Desarrollo Full Stack

Fundamentos del manejo de arrays

Recorrido de Arrays con Foreach en JavaScript

Mutabilidad vs Inmutabilidad en Programación JavaScript

Uso de Map para Transformaciones en JavaScript y Renderizado HTML

Playground: multiplica todos los elementos por dos

Transformaciones avanzadas con map en JavaScript