Sorting an array of JavaScript objects by sub array property/value

Question

I have the following data being returned from a server (the structure of this data is something that I do not have control over)...

var data = {
    "TrackingResults": [
        {
            "Name": "Pack One",
            "Products": {
                "Product": [
                    {
                        "ProductName": "Soccer Ball"
                    },
                    {
                        "ProductName": "Tennis Racket"
                    },
                    {
                        "ProductName": "Gold Putter"
                    }
                ]
            },
            "status": "Despatched",
            "Location": "Alabama",
            "Type": "Parcel"
        },
        {
            "Name": "Pack Two",
            "Products": {
                "Product": [
                    {
                        "ProductName": "Backet Ball Hoop"
                    },
                    {
                        "ProductName": "Base Ball Glove"
                    }
                ]
            },
            "status": "Despatched",
            "Location": "Florida",
            "Type": "Parcel"
        }
    ]
};

I would like to be able to sort each Tracking Result by the first Product Name. I can't find any code that will sort by a sub array property/value.

You will probably need to use Array.sort() with a custom Comparator ! — AllTooSir
– AllTooSir, Commented Jan 9, 2015 at 9:23

meskobalazs · Accepted Answer · 2015-01-09 09:36:56Z

2

You should use the Array.sort method with a custom comparator function:

var resultsComparator = function (res1, res2) {
    var prod1 = res1.Products.Product[0].ProductName;
    var prod2 = res2.Products.Product[0].ProductName;
    return prod1.localeCompare(prod2);
}

This way the ordering is based on the current locale of the web browser. You just pass the function to the sort method:

data.TrackingResults.sort(resultsComparator);

edited Jan 9, 2015 at 9:36

answered Jan 9, 2015 at 9:31

meskobalazs

16.1k2 gold badges44 silver badges63 bronze badges

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

Comments

Community · Accepted Answer · 2017-05-23 11:57:44Z

0

You need to write it manually like: (with the hint on localeCompare from meskobalazs's comment)

var result = data.TrackingResults.sort(function(a,b){
    return a.Products.Product[0].ProductName.localeCompare(b.Products.Product[0].ProductName)
});

This should work for sorting TrackingResults

edited May 23, 2017 at 11:57

CommunityBot

11 silver badge

answered Jan 9, 2015 at 9:28

Mior

8318 silver badges16 bronze badges

Collectives™ on Stack Overflow

Sorting an array of JavaScript objects by sub array property/value

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