How to sort multi-array / nested map by value (e.g. from Firestore) in JavaScript

Question

I'm trying to get a multi-array / nested map sorted by value via JavaScript / TypeScript.

My array currently looks like this:

let array =
    [
      {
        classification: {
          company_id: 1
        },
        information: {
          name: 'C'
        }
      },
      {
        classification: {
          company_id: 1
        },
        information: {
          name: 'B'
        }
      },
      {
        classification: {
          company_id: 1
        },
        information: {
          name: 'A'
        }
      }
    ];

Now I'd like to sort by the ['information']['name'] values like this:

let array_sorted =
    [
      {
        classification: {
          company_id: 1
        },
        information: {
          name: 'A'
        }
      },
      {
        classification: {
          company_id: 1
        },
        information: {
          name: 'B'
        }
      },
      {
        classification: {
          company_id: 1
        },
        information: {
          name: 'C'
        }
      }
    ];

Does anybody know how to do that? I'm especially struggling with the nested stuff...

Thank you in advance!

Derek Wang · Accepted Answer · 2020-12-08 07:42:06Z

2

Using String.prototype.localeCompare, you can compare the string values and based on that result, using Array.prototype.sort function, you can sort the arrays as follows.

let array = [{
    classification: {
      company_id: 1
    },
    information: {
      name: 'C'
    }
  },
  {
    classification: {
      company_id: 1
    },
    information: {
      name: 'B'
    }
  },
  {
    classification: {
      company_id: 1
    },
    information: {
      name: 'A'
    }
  }
];

const result = array.sort((a, b) => a.information.name.localeCompare(b.information.name));
console.log(result);

answered Dec 8, 2020 at 7:42

Derek Wang

10.2k4 gold badges20 silver badges40 bronze badges

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

Comments

Chris · Accepted Answer · 2020-12-08 07:57:09Z

0

You can use the sort function. It would look like this:

const array_sorted = array.sort(
  (a, b) => {
    if (a > b.information.name) return -1;
    if (a < b.information.name) return 1;
    return 0;
  }, 0
)

You can invert the order by swapping the 1 and the -1. The sort function takes the first parameter of a function that returns -1, 1 or 0 which denotes the order and a second parameter that sets the initial value of variable 'a' (optional). I have set the initial value to 0, that's just how I like to use the sort function as I think it makes it easier to write :)

answered Dec 8, 2020 at 7:57

Chris

1181 silver badge7 bronze badges

Collectives™ on Stack Overflow

How to sort multi-array / nested map by value (e.g. from Firestore) in 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