Order object keys according to key list in JavaScript

Question

I have a list for order of field to display

field_order = ["name", "age", "birthday"]

I got a list of objects like this

_data_set = {
    "age": 23,
    "birthday": "2000-12-12"
    "name": "A"
}

I need to order Object keys according to field_order.

Expected result:

_data_set = {
    "name": "A",
    "age": 23,
    "birthday": "2000-12-12"
}

@Saurabh Agrawal please closely look at my question. Your mentioned question does not fulfiled my requirements anymore. — shafik, Nov 26 '19 at 13:13
Do you want to sort by keys or values? If you want to sort by values, may I ask you what it is the purpose? — Halil İbrahim Özdoğan, Nov 26 '19 at 13:13
not duplicate because here question is to sort with both string and number — kumbhani bhavesh, Nov 26 '19 at 13:15
for table header I use `field_order` and for table data I use `_data_set` but for `_data_set` keys order table header and data column mismatch — shafik, Nov 26 '19 at 13:15

score 2 · Accepted Answer · answered Nov 26 '19 at 13:20

Key order is chronological in JavaScript since ES2015, so we can order like so:

There's a nice article on this: property-traversal-order-es6

field_order = ["name", "age", "birthday"]
_data_set = {
    "age": 23,
    "birthday": "2000-12-12",
    "name": "A"
};

let result = field_order.reduce( (obj, v) => {
   obj[v] = _data_set[v];
   return obj;
}, {});

console.log(result);

score 1 · Answer 2 · answered Nov 26 '19 at 13:17

At first you need to sort and then just create an object with desired order of keys:

let field_order = ["name", "age", "birthday"];
let _data_set = {
  "age": 23,
  "birthday": "2000-12-12",
  "name": "A"
}

let order = {name: -1, age: 0, birthday: 1};

const result = {};
Object.keys(_data_set)
    .sort((a,b)=> order[a] - order[b])
    .forEach(key=> result[key] = _data_set[key]);

console.log(result);

score 1 · Answer 3 · answered Nov 26 '19 at 13:20

1

You could use the following:

let new_data_set = {};
for(let item of field_order) {
   new_data_set[item] = _data_set[item];
}

answered Nov 26 '19 at 13:20

Jeff Pal

1,036
11
18

Order object keys according to key list in JavaScript

3 Answers3