Sorting array of objects by array of strings [duplicate]

Question

So I have an array of objects similar to below:

var objs = [
  { key: 'address', value: '1234 street' },
  { key: 'nameAndTitle', value: 'John Smith, CEO' },
  { key: 'contactEmail', value: '[email protected]' },
  { key: 'contactPhone', value: '1234567890' },
  { key: 'localPhone', value: '1234567890' },
  { key: 'status', value: 'open' },
]

And I would like it to be in the same order as another array of strings that I have that looks something like this.

var keys = [
  'nameAndTitle',
  'contactPhone',
  'contactEmail',
  'address',
]

I would like to order the objs array to match the order of the keys array. If the object doesn't exist in the keys array it should be placed at the bottom. Can anyone help me out with this?

I don't see an attempt. Are you asking us to code for you?

Rajesh Dixit
– Rajesh Dixit

2019-03-14 12:50:25 +00:00
Commented Mar 14, 2019 at 12:50 — Rajesh Dixit
– Rajesh Dixit, Commented Mar 14, 2019 at 12:50

Nina Scholz · Accepted Answer · 2019-03-14 13:23:36Z

3

You could take the indices and sort by the delta of it.

var objs = [{ key: 'address', value: '1234 street' }, { key: 'nameAndTitle', value: 'John Smith, CEO' }, { key: 'contactEmail', value: '[email protected]' }, { key: 'contactPhone', value: '1234567890' }],
    keys = ['nameAndTitle', 'contactPhone', 'contactEmail', 'address'];

objs.sort((a, b) => keys.indexOf(a.key) - keys.indexOf(b.key));

console.log(objs);

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

For haveing complete control over the order, you could take an obejct with values of the wanted order and use a default property with a value smaller than all other values to sort unknown keys to top or with a value greater than all other values to the bottom of the array.

This approach works for fancy sorting scheme as well, where unknown items sorts into the middle, if wanted.

var objs = [{ key: 'localPhone', value: '1234567890' }, { key: 'status', value: 'open' }, { key: 'address', value: '1234 street' }, { key: 'nameAndTitle', value: 'John Smith, CEO' }, { key: 'contactEmail', value: '[email protected]' }, { key: 'contactPhone', value: '1234567890' }],
    order = { nameAndTitle: 1, contactPhone: 2, contactEmail: 3, address: 4, default: Infinity };

objs.sort(({ key: a }, { key: b }) => (order[a] || order.default) - (order[b] || order.default));

console.log(objs);

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

ES5

var objs = [{ key: 'localPhone', value: '1234567890' }, { key: 'status', value: 'open' }, { key: 'address', value: '1234 street' }, { key: 'nameAndTitle', value: 'John Smith, CEO' }, { key: 'contactEmail', value: '[email protected]' }, { key: 'contactPhone', value: '1234567890' }],
    order = { nameAndTitle: 1, contactPhone: 2, contactEmail: 3, address: 4, default: Infinity };

objs.sort(function (a, b) {
   return (order[a.key] || order.default) - (order[b.key] || order.default);
});

console.log(objs);

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

edited Mar 14, 2019 at 13:23

answered Mar 14, 2019 at 12:49

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

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

3 Comments

Zach Starnes Over a year ago

If I were to add some objects to the objs array that were not in the keys array is there any additional step needed to get the ones to show at the top that match and any that are not in the keys array show up at the bottom - I have modified the question for clarity @Nina Scholz

Zach Starnes Over a year ago

I am using an older version of angularjs so I am unable to use => replacing it with function() {} seems to make it not sort correctly. @Nina Scholz

Nina Scholz Over a year ago

maybe you missed the key or the return statement. please see edit.

Orelsanpls · Accepted Answer · 2019-03-14 12:48:35Z

You can create a new array pushing the objects in the correct order which will not modify your original array.

If you don't mind about modifying the original array, you could call the sort function that will check out the keys position in the keys array (I'm sure you'll get some answer to help you with these method)

edit @Nina Scholz did it fast ^^

const objs = [{
    key: 'address',
    value: '1234 street'
  },
  {
    key: 'nameAndTitle',
    value: 'John Smith, CEO'
  },
  {
    key: 'contactEmail',
    value: '[email protected]'
  },
  {
    key: 'contactPhone',
    value: '1234567890'
  },
];

const keys = [
  'nameAndTitle',
  'contactPhone',
  'contactEmail',
  'address',
];

const array = keys.reduce((tmp, x) => {
  const item = objs.find(y => y.key === x);

  if (item) {
    tmp.push(item);
  }

  return tmp;
}, []);

console.log(array);

vahdet · Accepted Answer · 2019-03-14 12:50:19Z

0

If it is ok to mutate the array, you can use sort function as follows:

var objs = [{
    key: 'address',
    value: '1234 street'
  },
  {
    key: 'nameAndTitle',
    value: 'John Smith, CEO'
  },
  {
    key: 'contactEmail',
    value: '[email protected]'
  },
  {
    key: 'contactPhone',
    value: '1234567890'
  }
]

var keys = [
  'nameAndTitle',
  'contactPhone',
  'contactEmail',
  'address',
]

objs.sort(function(a, b) {
  return keys.indexOf(a.key) - keys.indexOf(b.key);
});

console.log(objs)

answered Mar 14, 2019 at 12:50

vahdet

6,78910 gold badges62 silver badges116 bronze badges

Comments

user10630141 · Accepted Answer · 2019-03-14 12:50:48Z

0

You can do something like this:

Loop through string array. Compare the value (nameAndTitle) with the value of the same index of your obj-array. If it doesnt match, search that string in your key-tag in your obj-array and move it to the right index. Thats how I would do it

answered Mar 14, 2019 at 12:50

user10630141

Collectives™ on Stack Overflow

Sorting array of objects by array of strings [duplicate]

4 Answers 4

3 Comments

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

Comments

Comments

Comments

Linked

Related