Question

83

How to sort a JavaScript array of objects by nested object property?

rated 0 times [ 87] [ 4] / answers: 1 / hits: 51821 / 14 Years ago, tue, february 22, 2011, 12:00:00

I have this function to sort a JavaScript array of objects based on a property:

// arr is the array of objects, prop is the property to sort by

var sort = function (prop, arr) {

    arr.sort(function (a, b) {

        if (a[prop] < b[prop]) {

            return -1;

        } else if (a[prop] > b[prop]) {

            return 1;

        } else {

            return 0;

        }

    });

};

It works with arrays like this:

sort('property', [

    {property:'1'},

    {property:'3'},

    {property:'2'},

    {property:'4'},

]);

But I want to be able to sort also by nested properties, for example something like:

sort('nestedobj.property', [

    {nestedobj:{property:'1'}},

    {nestedobj:{property:'3'}},

    {nestedobj:{property:'2'}},

    {nestedobj:{property:'4'}}

]);

However this doesn't work because it is not possible to do something like object['nestedobj.property'], it should be object['nestedobj']['property'].

Do you know how could I solve this problem and make my function work with properties of nested objects?

Thanks in advance

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

margaritakristinak

Add To Favorites

Follow

Total Points: 502

Total Questions: 127

Total Answers: 98

Location: England

Member since Mon, May 17, 2021

3 Years ago

margaritakristinak questions

1 Parcel.js says to add the type=module attribute to the < script> tag but I've already added it

Thu, Mar 31, 22, 00:00, 2 Years ago

1 Error [ERR_MODULE_NOT_FOUND]: Cannot find package '@babel/plugin-preset-react' imported from

Sun, Feb 20, 22, 00:00, 2 Years ago

1 Why is local storage deleted when I refresh the page?

Tue, May 11, 21, 00:00, 3 Years ago

1 Click event not firing on touchscreen when finger moves a bit

Tue, Oct 29, 19, 00:00, 5 Years ago

1 Nuxt.js: How to use the same page with different URLs and switch the components to be displayed according to the URL

Thu, Mar 28, 19, 00:00, 5 Years ago

View All

answered 14 Years ago xiomara · Accepted Answer

You can split the prop on ., and iterate over the Array updating the a and b with the next nested property during each iteration.

Example: http://jsfiddle.net/x8KD6/1/

var sort = function (prop, arr) {

    prop = prop.split('.');

    var len = prop.length;



    arr.sort(function (a, b) {

        var i = 0;

        while( i < len ) { a = a[prop[i]]; b = b[prop[i]]; i++; }

        if (a < b) {

            return -1;

        } else if (a > b) {

            return 1;

        } else {

            return 0;

        }

    });

    return arr;

};