change order of properties in object (javascript)

Question

Have an array with objects like this:

    [{id: "58eeed338b115",  name: "Bob", avatar: "" },
{id: "58eeed338b115",  name: "Bob", avatar: "" }]

I need change order of properties to this:

    [{avatar: "",  name: "Bob",id: "58eeed338b115"},
{avatar: "",  name: "Bob",id: "58eeed338b115"} ]

in real task I have about 20 obj, how to change order? use for in? I have no ideas how to do this. I want setup manualy order, params in obj can be about 10

Properties aren't ordered in an object. Why do you need this? — chazsolo, Apr 27 '17 at 19:57
@chazsolo they are by insertion order... except when they are numbers. — Daniel A. White, Apr 27 '17 at 19:58
@DanielA.White True. However, if I'm assuming correctly, OP isn't manually inserting them in a specific order. — chazsolo, Apr 27 '17 at 20:00

Egor Stambakio · Accepted Answer · 2017-04-27T20:16:30.497

2

const arr = [{id: "58eeed338b115",  name: "Bob", avatar: "" },
{id: "58eeed338b115",  name: "Bob", avatar: "" }]

const sortOrder = {'avatar': 1, 'id': 2, 'name': 3}



const res = arr.map(o => Object.assign({}, ...Object.keys(o).sort((a, b) => sortOrder[a] - sortOrder[b]).map(x => { return { [x]: o[x]}})))

console.log(JSON.stringify(res, null, 2))

edited Apr 27 '17 at 20:16

answered Apr 27 '17 at 20:02

Egor Stambakio

17,836
5
33
35

I don;t need reverse, I need setup order manually – Егор Кротенко Apr 27 '17 at 20:03
What do you mean? Be more specific. – Egor Stambakio Apr 27 '17 at 20:06
for exampe I want setup : ID, AVATAR, NAME or ID, NAME,AVATR, not make reverse – Егор Кротенко Apr 27 '17 at 20:07
@ЕгорКротенко but... the order you specified is the reverse of the original order. so... reverse puts it in the order you specified. Either way, this answer shows that you can re-order the properties, you should be able to take this answer and apply your own order by replacing .reverse with what would put them in the order you want. – Kevin B Apr 27 '17 at 20:07
no, I don't need reverse, for exampe I want change ID with NAME... – Егор Кротенко Apr 27 '17 at 20:09
@ЕгорКротенко then replace the .reverse method with the method that would put it in the order you want. An answer to your question doesn't have to have code that you can copy paste. – Kevin B Apr 27 '17 at 20:09
@KevinB any other ideas how to change order? – Егор Кротенко Apr 27 '17 at 20:11
@ЕгорКротенко this answer demonstrates how to change the order. So does the duplicate question linked at the top. – Kevin B Apr 27 '17 at 20:11
@ЕгорКротенко I added a sorting object which should include all keys and their order. – Egor Stambakio Apr 27 '17 at 20:17

score -1 · Answer 2 · answered Apr 27 '17 at 20:01

-1

try:

const sortObj = ({id, name, avatar, ...more}) => ({avatar, name, id, ...more})

const objs = [...]
const objsSorted = objs.map(sortObj)

answered Apr 27 '17 at 20:01

JonDotsoy

104
1
4

score -1 · Answer 3 · answered Apr 27 '17 at 20:07

var sortObj = function sortObj(obj) {
    let keys = [];
    for (let key in obj) {
      if (obj.hasOwnProperty(key)) {
        keys.push(key);
      }
    }
    keys.sort();
    
    let newObj = {};
    for (let i = 0; i < keys.length; ++i) {
      newObj[keys[i]] = obj[keys[i]];
    }
    return newObj;
};

let arr = [{id: "58eeed338b115",  name: "Bob", avatar: "" },
{id: "58eeed338b115",  name: "Bob", avatar: "" }];

for (let i = 0; i < arr.length; ++i) {
  console.log(sortObj(arr[i]));
}

change order of properties in object (javascript)

3 Answers3