Tengo un objeto con la siguiente estructura:
let obj = { "foo": ["orange", "apple", "pear", "grape", "lime"], "bar": [12, 6, 18, 3, 22], "bat": ["a", "b", "c", "d", "e"] }; Quiero ordenar por bar pero también conservar el orden de foo y bat en relación con bar , así:
obj = { "foo": ["grape", "apple", "orange", "pear", "lime"], "bar": [3, 6, 12, 18, 22], "bat": ["d", "b", "a", "c", "e"] }; ¿Hay alguna manera ordenada de hacer esto, o necesito convertirlo en una matriz de matrices, ordenar por índice (por ejemplo, arr.sort((a,b) => a[1] - b[1]); ), y volver a convertir al objeto?
const obj = { "foo": ["orange", "apple", "pear", "grape", "lime"], "bar": [12, 6, 18, 3, 22], "bat": ["a", "b", "c", "d", "e"] }; // get original indices of sorted bar const indices = obj.bar .map((value, index) => ({ value, index })) .sort(({ value: a }, { value: b }) => a - b) .map(({ index }) => index); // iterate over obj's values to reorder according to indices const res = Object.entries(obj) .reduce((acc, [key, value]) => ({ ...acc, [key]: indices.map(i => value[i]) }), {}); console.log(res);Puede crear una base de matriz temporal en todos los valores. Luego puede ordenar esa matriz según la bar . Una vez ordenados, simplemente complete los datos con una nueva respuesta mientras itera.
const obj = { foo: ["orange", "apple", "pear", "grape", "lime"], bar: [12, 6, 18, 3, 22], bat: ["a", "b", "c", "d", "e"], }; const arr = obj.bar .map((bar, index) => ({ bar, index, })) .sort((x, y) => x.bar - y.bar); console.log(arr); const res = arr.reduce( (map, { bar, index }, i) => { map.bar[i] = bar; map.foo[i] = obj.foo[index]; map.bat[i] = obj.bat[index]; return map; }, { foo: [], bar: [], bat: [] } ); console.log(res);