Sort array of objects by key name

Question

I need to sort the keys to an exact order, for example I have the next array:

const arr = [
             {
               active: true,
               code: "1234",
               indentifier: "OPC-999",
               name: "Example",
               start: "02-12-1997",
             }
             {
               active: false,
               code: "4567",
               indentifier: "OPC-111",
               name: "Example",
               start: "03-02-2010",
             }
]

The exact order for every object should be: name, indentifier, code, start, active.

I don't need to sort by value but by key name.

What's the best way to do this?

The component I'm trying to use needs me to put them in order — Mat Mol
– Mat Mol, Commented Mar 8, 2021 at 22:34
Then Javascript sort an object by keys based on another Array? since apparently copy-paste-ability is key... — Heretic Monkey
– Heretic Monkey, Commented Mar 8, 2021 at 22:45

V Maharajh · Accepted Answer · 2021-03-08 22:45:14Z

1

for (i = 0; i < arr.length; i++) {
  arr[i] = {
    name: arr[i].name,
    indentifier: arr[i].indentifier,
    code: arr[i].code,
    start: arr[i].start,
    active: arr[i].active,
  }
}

After doing this, your arr will be sorted as you wanted:

[
  {
    "name": "Example",
    "indentifier": "OPC-999",
    "code": "1234",
    "start": "02-12-1997",
    "active": true
  },
  {
    "name": "Example",
    "indentifier": "OPC-111",
    "code": "4567",
    "start": "03-02-2010",
    "active": false
  }
]

answered Mar 8, 2021 at 22:45

V Maharajh

9,7795 gold badges34 silver badges35 bronze badges

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

Comments

Nick · Accepted Answer · 2021-03-08 22:44:32Z

1

You can create a keys array with the object keys in your desired order. Then you can map each object in the array, generating a new object with properties created in the order defined in the keys array:

const arr = [
             {
               active: true,
               code: "1234",
               indentifier: "OPC-999",
               name: "Example",
               start: "02-12-1997",
             },
             {
               active: false,
               code: "4567",
               indentifier: "OPC-111",
               name: "Example",
               start: "03-02-2010",
             }
]

const keys = ['name', 'indentifier', 'code', 'start', 'active'];

const result = arr.map(o => Object.fromEntries(keys.map(k => [k, o[k]])));

console.log(result);

edited Mar 8, 2021 at 22:44

answered Mar 8, 2021 at 22:38

Nick

147k23 gold badges67 silver badges106 bronze badges

Collectives™ on Stack Overflow

Sort array of objects by key name

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related