Sort nested level objects in react native

Question

I have some json data which looks something like this:

const data = {
  "stores": [
    {
      "name": "s1",
      "id": "6fbyYnnqUwAEqMmci0cowU",
      "customers": [
        {
          "id": "4IhkvkCG9WWOykOG0SESWy",
          "name": "customer2",
        },
        {
          "id": "4IhkfikCG9WWOykOG0SESWy",
          "name": "customer1",
        },
        {
          "id": "9IfkvkCG9WWOykOG0SESWy",
          "name": "customer100",
        },
      ]
    },
    {
      "name": "s2",
      "id": "2D1fTgjAJ20ImiAqsWAEEI",
      "customers": [
        {
          "id": "3dfkvkCG9WWOykOG0SESWy",
          "name": "customer9",
        },
      ]
    },
    {
      "name": "s3",
      "id": "6rxmPFzIHKQ0EOAGGkAwKg",
      "customers": [
        {
          "id": "7IfkvkCG9WWOykOG0SESWy",
          "name": "customer7",
        },
      ]
    }
  ]
}

I need to sort the data as per the customers name. What I have done so far:

const sortedData = data.stores.sort(function(c1, c2) {
   return c1.customers[0].name < c1.customers[0].name;
}).map(storeInfo => (
  // Need to do something else with sorted data
)

My approach does not seem to work because I think it does not go to into nested level. Any help is appreciated.

Expected Outcome: Sort customers list(alphabetically) within each store first and then among the stores.

You're not sorting customers, you are sorting the stores by their first customer's name. What do you expect as the output? — Bergi, Sep 13 '18 at 14:08
[`return x < y` is not enough](https://stackoverflow.com/q/24080785/1048572) — Bergi, Sep 13 '18 at 14:09
Do you want to sort the customers array by name within each single store? — Antonio Pangallo, Sep 13 '18 at 14:13
You could sort it with lodash: const sortedData = _.sortBy(data.stores, o => o.customers.name); console.log(sortedData); — BigPun86, Sep 13 '18 at 14:41
Could you please elaborate, what do you mean by lodash ? is it a library ? — Hassan Abbas, Sep 13 '18 at 14:47
is this you expect as output? https://codesandbox.io/s/zqx0wj6jo3 (look at the console) — Antonio Pangallo, Sep 13 '18 at 15:17
Well it sorts the data within each store, but i want the data to be sorted among the stores as well :). — Hassan Abbas, Sep 13 '18 at 15:29

score 1 · Answer 1 · answered Sep 13 '18 at 16:30

i tried to fix that in two stages. I'm not sure about it is best but it can help to you.

const sortedData = [];

// Sort the customers for each store
for (var i = 0, len = data.stores.length; i < len; i++) {
    sortedData[i] = data.stores[i];
    sortedData[i]['customers'] = data.stores[i].customers.sort(function(c1, c2) {
        return c1.name > c2.name;
    });
}

// Sort the stores by first customer name
sortedData.sort(function(c1, c2) {
    return c1.customers[0].name > c2.customers[0].name;
});

console.log(sortedData);

Sort nested level objects in react native

1 Answers1