Sorting JSON objects by string value to Javascript array

Question

I have a React.js application that is being fed JSON data from the backend.

I'm unsure of how to sort the objects by a key that is a string rather than number - if it was the latter, I could've used numerous examples.

Here's a sample string. The object I want to sort for is High, Medium and Low. I want to sort with high first, then medium, and then low ones.

{"Medium":{"This is inbetween!":[{"key":"123", "type":"inbetween"}]},
"High":{"This is the highest!":[{"key":"3333", "type":"highest"}]},
"Medium":{"This is inbetween again":[{"key":"12333123", "type":"power"}]},
"Low":{"This is the lowest!":[{"key":"123465", "type":"super low"}]}}

How do I sort this JSON data into strings high, medium and low in an array?

Why don't you update the question to show what you'd like the result array to look like? The input object is not an array and can't be sorted. — Pointy
– Pointy, Commented Feb 28, 2017 at 19:46
Well, it can be sorted to an array .. anyway, there is only one "Medium" item given the object input. — user2864740
– user2864740, Commented Feb 28, 2017 at 19:48
You can certainly do this if you want the result as an array (see Pointy's comment). What have you tried? Where are you stuck? What has your research turned up? — T.J. Crowder
– T.J. Crowder, Commented Feb 28, 2017 at 19:48
That JSON is both invalid (missing comma at least, possibly more) and, separately, probably not what you intend it to be (odd nesting). — T.J. Crowder
– T.J. Crowder, Commented Feb 28, 2017 at 19:48
@T.J.Crowder was trying to make an example of my input data, might've made a typo somewhere. — cbll
– cbll, Commented Feb 28, 2017 at 19:51

baao · Accepted Answer · 2017-02-28 20:20:42Z

2

So as your "object" is most probably an array (it would be an invalid object, with duplicate declarations, e.g. of the Medium property) I assume that the following will be how your data is...

You can sort that array of objects by creating another "order" object, assigning an order number to the keys.

I think the following snippet will do what you want:

let arr = [
    {
        "Medium": {
            "This is inbetween!": [
                {
                    "key": "123",
                    "type": "inbetween"
                }
            ]
        }
    },
    {
        "High": {
            "This is the highest!": [
                {
                    "key": "3333",
                    "type": "highest"
                }
            ]
        }
    },
    {
        "Medium": {
            "This is inbetween again": [
                {
                    "key": "12333123",
                    "type": "power"
                }
            ]
        }
    },
    {
        "Low": {
            "This is the lowest!": [
                {
                    "key": "123465",
                    "type": "super low"
                }
            ]
        }
    }
];

let order = {
    High: -3,
    Medium: -2,
    Low: -1
}


arr = arr.sort((a,b) => {
    return order[Object.keys(a)[0]] - order[Object.keys(b)[0]];
});

console.log(arr);

edited Feb 28, 2017 at 20:20

answered Feb 28, 2017 at 20:09

baao

73.5k18 gold badges152 silver badges208 bronze badges

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

4 Comments

cbll Over a year ago

I tried your example on some sample data(That has many high and medium ones) and I only an array with len 3 where the content was only medium ones. Thanks for the example though, I'll work out from it!

Nina Scholz Over a year ago

while that is a nice idea (and a dupe in this case), i suggest to use not values with zero in the order object, becaus that does not create a space for handling unknown values and does not move as (possibly) wanted to start or end of the array.

cbll Over a year ago

With your method, how would I access, say, all objects where the key is "high"? console.log(Arr[].High) doesn't seem to work, and it doesn't sound right either(I'm a tad tired :))

baao Over a year ago

You'd need to filter the array. to get all entries with high, this should work: console.log(arr.filter(v => Object.keys(v)[0] === 'High')); @cbll

Collectives™ on Stack Overflow

Sorting JSON objects by string value to Javascript array

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related