Sorting JSON object by value of bool in JavaScript

Question

I'm new to JavaScript and I'm trying to work with JSON object I got from an API and I'm trying to find a way how to sort it by bool value inside. I had a feeling that this will be already answered the question, but I can't find a way to do it my way.

Here is my response (It's my API so I can change data types and add values if needed)

[
    {
        "name":"Name 1",
        "photoUrl":"Photo url 1",
        "bool": false
    },
    {
        "name":"Name 2",
        "photoUrl":"Photo url 2",
        "bool": false
    },
    {
        "name":"Name 3",
        "photoUrl":"Photo url 3",
        "bool": true
    },
    {
        "name":"Name 4",
        "photoUrl":"Photo url 4",
        "bool": false
    },
    {
        "name":"Name 5",
        "photoUrl":"Photo url 5",
        "bool": true
    }
]

I want to have objects with bool: true on top, and those with bool: false on bottom. I couldn't find a way to do it myself. I appreciate any help.

To clarify, do the numbers of each object need to stay the same? Or do they just denote the order currently and they don't matter to you? — Sean
– Sean, Commented Mar 24, 2021 at 12:10
@Sean Yeah. But sorting the order of values in an object doesn't make any sense. — MonkeyScript
– MonkeyScript, Commented Mar 24, 2021 at 12:12

MonkeyScript · Accepted Answer · 2021-03-24 12:43:26Z

2

You can use Array.prototype.sort(),

array.sort(function(a,b){return b.bool-a.bool});

console.log(array);

If you want the reverse order,

array.sort(function(a,b){return a.bool-b.bool});

edited Mar 24, 2021 at 12:43

answered Mar 24, 2021 at 12:18

MonkeyScript

5,1611 gold badge14 silver badges28 bronze badges

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

1 Comment

MonkeyScript Over a year ago

@Andy Yeah. Why?

Andy · Accepted Answer · 2021-03-24 12:28:16Z

2

this is what you need:

[...].sort(a => a.bool ? -1 : 1)

-1 will put all your objects at the beginning of your array where 'bool' is true

answered Mar 24, 2021 at 12:28

Andy

5243 silver badges14 bronze badges

Comments

atiq1589 · Accepted Answer · 2021-03-24 14:05:18Z

First, deconstruct the API response in key-value with Object.entries. sort the value by bool and then construct the sorted result with reduce

const obj = {
    "0":{
        "name":"Name 1",
        "photoUrl":"Photo url 1",
        "bool": false
    },
    "1":{
        "name":"Name 2",
        "photoUrl":"Photo url 2",
        "bool": false
    },
    "2":{
        "name":"Name 3",
        "photoUrl":"Photo url 3",
        "bool": true
    },
    "3":{
        "name":"Name 4",
        "photoUrl":"Photo url 4",
        "bool": false
    },
    "4":{
        "name":"Name 5",
        "photoUrl":"Photo url 5",
        "bool": true
    }
}

const sorted = Object.entries(obj).sort( ([a_k, a_v], [b_k, b_v]) => b_v.bool - a_v.bool).reduce((acc, curr, idx) => Object.assign(acc, {[idx]: curr[1]}), {});
console.log(sorted);

UPDATED

const list = [
    {
        "name":"Name 1",
        "photoUrl":"Photo url 1",
        "bool": false
    },
    {
        "name":"Name 2",
        "photoUrl":"Photo url 2",
        "bool": false
    },
    {
        "name":"Name 3",
        "photoUrl":"Photo url 3",
        "bool": true
    },
    {
        "name":"Name 4",
        "photoUrl":"Photo url 4",
        "bool": false
    },
    {
        "name":"Name 5",
        "photoUrl":"Photo url 5",
        "bool": true
    }
];
list.sort((a,b) => b.bool - a.bool);
console.log(list);

Collectives™ on Stack Overflow

Sorting JSON object by value of bool in JavaScript

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related