Tengo el siguiente código, solo tengo curiosidad por saber si hay una manera de hacerlo más eficiente/elegante a través del encadenamiento de matrices.
var sortOrder = ["green", "blue", "red"]; var sortThis = [ { color: "blue" }, { color: "red" }, { color: "blue" }, { color: "red" }, ]; sortThis.sort(function (a, b) { return sortOrder.indexOf(a.color) - sortOrder.indexOf(b.color); }); sortThis.map(function (e) { switch (e.color) { case "blue": e.price = 20; break; case "red": e.price = 10; break; case "green": e.price = 50; break; } }); console.log(sortThis);Primero, quiero ordenar la matriz sortThis con el orden de sortOrder, luego de acuerdo con el valor de 'color', agregar el precio de acuerdo
El código anterior logra lo que quiero:
0: {color: 'blue', price: 20} 1: {color: 'blue', price: 20} 2: {color: 'red', price: 10} 3: {color: 'red', price: 10}Solo tengo curiosidad por saber si hay una manera de hacer que esto sea más eficiente/eficiente a través del encadenamiento de matrices array.map/using spread operator?
Gracias por adelantado
Tomaría clasificar y obtener una nueva matriz con nuevos objetos.
Este enfoque no muta los datos proporcionados. Para pedidos y precios tome objetos con los valores correspondientes.
const order = { green: 1, blue: 2, red: 3 }, prices = { green: 50, blue: 20, red: 10 }, data = [{ color: "blue" }, { color: "red" }, { color: "blue" }, { color: "red" }], result = data .sort((a, b) => order[a.color] - order[b.color]) .map(o => ({ ...o, price: prices[o.color] })); console.log(result); .as-console-wrapper { max-height: 100% !important; top: 0; }