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
– Bergi, Commented Sep 13, 2018 at 14:08
Do you want to sort the customers array by name within each single store? — Antonio Pangallo
– Antonio Pangallo, Commented Sep 13, 2018 at 14:13
You could sort it with lodash: const sortedData = _.sortBy(data.stores, o => o.customers.name); console.log(sortedData); — BigPun86
– BigPun86, Commented Sep 13, 2018 at 14:41

akcoban · Accepted Answer · 2018-09-13 16:30:18Z

1

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

answered Sep 13, 2018 at 16:30

akcoban

9937 silver badges15 bronze badges

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

Collectives™ on Stack Overflow

Sort nested level objects in react native

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related