Sort 2d Array by ascending order using Javascript

Question

I've tried a map and forEach loop and still can't get this to sort by alphabetical order. Not sure what I am missing here.

My array:

const filtData = [
  [
    {
      gameType: "Rowing",
    },
    {
      gameType: "Rowing",
    },
    {
      gameType: "Rowing",
    },
  ],
  [
    {
      gameType: "Golf",
    },
    {
      gameType: "Golf",
    },
    {
      gameType: "Golf",
    },
  ],
  [
    {
      gameType: "Soccer",
    },
    {
      gameType: "Soccer",
    },
    {
      gameType: "Soccer",
    },
  ],
  [
    {
      gameType: "Baseball",
    },
    {
      gameType: "Baseball",
    },
    {
      gameType: "Baseball",
    },
  ],
]

Js:

filtData.forEach(d => d.sort((a,b) => a.gameType - b.gameType))
console.log(filtData) /* <--fails  */

const sortedData = filtData.map((d) => d.sort((a, b) => {
  return a.gameType - b.gameType;
}));
console.log("sortedData", sortedData)/* <--fails  */

JsFiddle: https://jsfiddle.net/eL510oq3/

PeterKA · Accepted Answer · 2022-05-16 22:16:53Z

1

A few points:

You're sorting based on strings, not numbers, so use String#localeCompare
No need to use forEach or .map, just sort

const filtData = [ [ { gameType: "Rowing", }, { gameType: "Rowing", }, { gameType: "Rowing", }, ], [ { gameType: "Golf", }, { gameType: "Golf", }, { gameType: "Golf", }, ], [ { gameType: "Soccer", }, { gameType: "Soccer", }, { gameType: "Soccer", }, ], [ { gameType: "Baseball", }, { gameType: "Baseball", }, { gameType: "Baseball", }, ], ];

filtData.sort((a,b) => a[0].gameType.localeCompare(b[0].gameType))

console.log(filtData);

answered May 16, 2022 at 22:16

PeterKA

24.7k5 gold badges28 silver badges52 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Sajas Mohammed · Accepted Answer · 2022-05-16 22:19:11Z

0

Sorting Array Objects in ASC Order Method 1 :

let arrayConcat = filtData.reduce((preValue, curValue) => {
return preValue.concat(curValue)
}, []);

let result = arrayConcat.sort((a, b) => {
  return a.gameType.localeCompare(b.gameType);
})

console.log(result);

answered May 16, 2022 at 22:19

Sajas Mohammed

3413 silver badges8 bronze badges

Collectives™ on Stack Overflow

Sort 2d Array by ascending order using Javascript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related