About the cause of this problem

Why? Object.keys And so on keys Value will cause the problem of out of order output

My needs ：

There are relevant units after the name of each test question ID, I do the sorting rule according to the intercepted string , This will make the unit 1 Normally displayed in the first position

If there are no relevant rules , Brothers can find their own way to build one , Or communicate well with the back-end , What is the order of display , Because after all, if you want to display in order, there must be relevant rules

One of the solutions to this problem I give is as follows ：

The data type before my processing

There seems to be no problem here , But by Object.keys After output It's a unit 2 In the unit 1 In front of , So here we need to sort the processed data

const stringToArrSort = (target) => {
    
  return Number(target.slice(target.lastIndexOf('-') + 1));
};

const sortArrByUnitId = (listData) => {
    
  return listData.sort((a, b) => {
    
    const sortA = stringToArrSort(a);
    const sortB = stringToArrSort(b);
    return sortA - sortB;
  });
};

I'm through ‘-’ hold id out , Compare size , In this way, the output results can be displayed in normal order