Sort array and its object key in alphabetical order in javascript

Question

I have an array in the following format. I have sorted the array in alphabetical order.But every element in the array, a sub array exist. I would like to sort them in alphabetical order too.

var myObj = [
{
    "name":"John",
    "items": [
        { "id":1, "car":"maruti" },  
        { "id":2, "car":"wolks" },
        { "id":3, "car":"bmw" }            
    ]
},
{
    "name":"Peter",
    "items": [
        { "id":4, "car":"alto" },  
        { "id":5, "car":"swift" },                          
    ]
}];

This is the code I have used to sort the main array. Here I would like to sort the 'items' array in alphabetical order.

myObj.sort(function(a, b) {
     var nameA=a.name.toLowerCase(), nameB=b.name.toLowerCase();          
     if (nameA < nameB) {
         return -1
     }
     if (nameA > nameB){
         return 1
     }
     return 0 
});

CertainPerformance · Accepted Answer · 2018-06-01 06:55:29Z

3

It doesn't feel right to do anything in a sort function other than sort the immediate items in the array - I'd iterate twice, once to sort the myObj, and once to sort each items property.

You can also use localeCompare to simplify your code:

var myObj=[{"name":"John","items":[{"id":1,"car":"maruti"},{"id":2,"car":"wolks"},{"id":3,"car":"bmw"}]},{"name":"Peter","items":[{"id":4,"car":"alto"},{"id":5,"car":"swift"},]}]
myObj.sort((a, b) => a.name.localeCompare(b.name));
myObj.forEach(({ items }) => items.sort((a, b) => a.car.localeCompare(b.car)));
console.log(myObj);

answered Jun 1, 2018 at 6:55

CertainPerformance

373k55 gold badges354 silver badges359 bronze badges

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

Comments

Nikhil Aggarwal · Accepted Answer · 2018-06-01 06:57:11Z

0

You need to iterate over the array and then sort items of each object.

var myObj = [{"name":"John","items":[{"id":1,"car":"maruti"},{"id":2,"car":"wolks"},{"id":3,"car":"bmw"}]},{"name":"Peter","items":[{"id":4,"car":"alto"},{"id":5,"car":"swift"},]}];
      
myObj.forEach(({items}) => items.sort((a,b) => a.car.localeCompare(b.car)));
console.log(myObj);

answered Jun 1, 2018 at 6:57

Nikhil Aggarwal

28.5k4 gold badges46 silver badges61 bronze badges

Comments

ymutlu · Accepted Answer · 2018-06-01 07:04:45Z

0

You need to loop through all objects in array. You can use map function for that and sort each items list with a sort function.

var myObj = [
          {
          "name":"John",
          "items": [
              { "id":1, "car":"maruti" },  
              { "id":2, "car":"wolks" },
              { "id":3, "car":"bmw" }            
          ]},
          {
            "name":"Peter",
          "items": [
              { "id":4, "car":"alto" },  
              { "id":5, "car":"swift" },                          
          ]
       }
      ];
function sorting(a, b){
    // you can use just 
    // return a.car.localeCompare(b.car)  
    // reference CertainPerformance answer
    var nameA=a.car.toLowerCase(), nameB=b.car.toLowerCase();          
    if (nameA < nameB) {
      return -1
    }
    if (nameA > nameB){
      return 1
    }
    return 0 
}
myObj.forEach(obj => obj.items.sort(sorting))
console.log(myObj)
// myObj.map(obj => obj.items.sort(sorting)) // returns new array
// updated answer for useful comments.

edited Jun 1, 2018 at 7:04

answered Jun 1, 2018 at 6:56

ymutlu

6,7394 gold badges38 silver badges48 bronze badges

2 Comments

Barmar Over a year ago

Use forEach instead of map if you're not returning a new array.

Yury Tarabanko Over a year ago

@Barmar is right. map has very specific purpose: create new array with "mapped" items. It is not intented to do side-effects. There is forEach for that.

Collectives™ on Stack Overflow

Sort array and its object key in alphabetical order in javascript

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related