Array sorting when there is no value in an object property

Question

I have the following array

[
  {
    "id": 1,
    "name": "Ruan Duarte",
    "idade": 11,
    "work": {
      "id": 2
    }
  },
  {
    "id": 2,
    "name": "Raul Dias",
    "idade": 13
  },
  {
    "id": 7,
    "name": "Caio",
    "idade": 60,
    "work": {
      "id": 4
    }
  },
  {
    "id": 3,
    "name": "Felipe Lima",
    "idade": 55
  },
  {
    "id": 4,
    "name": "Camila",
    "idade": 25,
    "work": {
      "id": 3
    }
  }
]

I have an array in this format, where the work.id field in some corners is null. I try to do the ordering as follows ...

array.sort((a, b) => {
  return (
    a.work.id - b.work.id
  )
})

However, I get an error for the non-existence of the id

Does this answer your question? Test for existence of nested JavaScript object key — Randy Casburn
– Randy Casburn, Commented Oct 15, 2020 at 14:19
Where should items without work ids be in the sort order? You could test for their existence and if not present, use Number.MAX_VALUE to make them sort after everything else of Number.MIN_VALUE to sort before everything else. Or use a second property as a secondary sort. — Heretic Monkey
– Heretic Monkey, Commented Oct 15, 2020 at 14:24
Is your question (a) how to check for the existence of a property, (b) how to sort if a property doesn't exist (in which case it's up to you--is a missing property "greater" or "less" than an existing property?, or (c) something else? — Dave Newton
– Dave Newton, Commented Oct 15, 2020 at 14:24

Nina Scholz · Accepted Answer · 2020-10-15 14:23:54Z

5

You could take optional chaining operator ?. with the properties and the Nullish coalescing operator ?? for taking a default value which respects zero.

By taking Number.MAX_VALUE as default value, all objects with missing nested objects are sorted to bottom.

const
    data = [{ id: 1, name: "Ruan Duarte", idade: 11, work: { id: 2 } }, { id: 2, name: "Raul Dias", idade: 13 }, { id: 7, name: "Caio", idade: 60, work: { id: 4 } }, { id: 3, name: "Felipe Lima", idade: 55 }, { id: 4, name: "Camila", idade: 25, work: { id: 3 } }];

data.sort((a, b) => (a?.work?.id ?? Number.MAX_VALUE) - (b?.work?.id ?? Number.MAX_VALUE));

console.log(data);

.as-console-wrapper { max-height: 100% !important; top: 0; }

answered Oct 15, 2020 at 14:23

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

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

Comments

Nooruddin Lakhani · Accepted Answer · 2020-10-15 14:23:29Z

0

This might help

array.sort((a, b) => {
  return (
      (a.work != null ? a.work.id : -Infinity) - (b.work != null ? b.work.id : -Infinity) 
  )
});

answered Oct 15, 2020 at 14:23

Nooruddin Lakhani

6,8413 gold badges22 silver badges43 bronze badges

Comments

Kettei Sproutty · Accepted Answer · 2020-10-15 14:24:28Z

If you need to sort by work.id:

const arr = [
  {
    "id": 1,
    "name": "Ruan Duarte",
    "idade": 11,
    "work": {
      "id": 2
    }
  },
  {
    "id": 2,
    "name": "Raul Dias",
    "idade": 13
  },
  {
    "id": 7,
    "name": "Caio",
    "idade": 60,
    "work": {
      "id": 4
    }
  },
  {
    "id": 3,
    "name": "Felipe Lima",
    "idade": 55
  },
  {
    "id": 4,
    "name": "Camila",
    "idade": 25,
    "work": {
      "id": 3
    }
  }
]

arr.sort((a, b) => {
    if (a.work && b.work) {
    return a.work.id > b.work.id ? 1 : - 1
  } else if (!a.work && !b.work) {
        return a.id > b.id ? 1 : - 1
    } else if (!a.work) {
        return 1
    } else {
    return - 1
  }
})

output:

[
  {
    "id": 1,
    "name": "Ruan Duarte",
    "idade": 11,
    "work": {
      "id": 2
    }
  },
  {
    "id": 4,
    "name": "Camila",
    "idade": 25,
    "work": {
      "id": 3
    }
  },
  {
    "id": 7,
    "name": "Caio",
    "idade": 60,
    "work": {
      "id": 4
    }
  },
  {
    "id": 2,
    "name": "Raul Dias",
    "idade": 13
  },
  {
    "id": 3,
    "name": "Felipe Lima",
    "idade": 55
  }
]

Collectives™ on Stack Overflow

Array sorting when there is no value in an object property

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related