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/
A few points:
String#localeCompareforEach or .map, just sortconst 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);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);