Javascript - 使用reduce函数按值排序[重复]

Question

尝试从最低和最高值对以下对象进行排序/重新排序

{ 'xlg': '10',
  'lg': '9.6',
  'md': '9',
  'sm': '5',
  'xsm': '3',
  'xxsm': '2',
  'xxxsm': '1.75',
  'xxxxsm': '1'}

类似这样的：

{ 'xxxxsm': '1',
  'xxxsm': '1.75',
  'xxsm': '2',
  'xsm': '3',
  'sm': '5',
  'md': '9',
  'lg': '9.6',
  'xlg': '10'}

到目前为止，这是我的输入：

const sortObjectByValues = object => {
    const sortedArray = Object.values(object).sort();
    const sortedObject = sortedArray.reduce((acc, cur) => {
       // No idea....
        return acc;
    }, {});

    return sortedObject;
};

我确信我可以使用 reduce 功能进行锻炼。任何人都可以帮我解决这个问题吗？

谢谢

Answer 1

与reduce相比，使用sort按数值顺序对对象条目进行排序会更容易：

const obj = { 'xlg': '10',
  'lg': '9.6',
  'md': '9',
  'sm': '5',
  'xsm': '3',
  'xxsm': '2',
  'xxxsm': '1.75',
  'xxxxsm': '1'};
const result = Object.fromEntries(
  Object.entries(obj)
    .sort((a, b) => a[1] - b[1])
);
console.log(result);

Answer 2

使用对象条目，使用数字值对它们进行排序，然后再次构建对象。

更新：更新了当字符串具有数字前/后字符时处理的答案。 （基本上是从字符串中提取数字）。

const obj = {
  xlg: "10",
  lg: "9.6",
  md: "9",
  sm: "5",
  xsm: "3",
  xxsm: "2",
  xxxsm: "1.75",
  xxxxsm: "1",
  abc: "abc2.05def",
  usd: "$3.15",
  xyz: "1.72em"
};

const extractNumber = ([,str]) => str.replace(/[a-zA-Z$]+/g, '');

const result = Object.fromEntries(
  Object.entries(obj).sort((a, b) => extractNumber(a) - extractNumber(b))
);

console.log(result);

Answer 3

Object.keys(t)
    .sort((a,b) => parseFloat(t[a]) - parseFloat(t[b]))
    .reduce((acc, key) => ({ ...acc, acc[key]:t[key] }), {});