CODEWITHSUNDEEP
javascriptarrayssortingmultidimensional-array
user992731
user992731

Reputation: 3530

Sort 2d Array by ascending order using Javascript

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/

Upvotes: 0

Views: 71

Answers (2)

Sajas Mohammed
Sajas Mohammed

Reputation: 341

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);

Upvotes: 0

PeterKA
PeterKA

Reputation: 24648

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);

Upvotes: 1

Related Questions