Reorder array of objects based on array of strings?

Question

I have the following data structures:

const fieldOrder = [
  'title',
  'first_name',
  'last_name',
  'address_1',
  'address_2',
  'city',
  'state',
  'zipcode',
  'country',
]

const fields = [
  {
    name: 'first_name',
    value: 'John'
  },
  {
    name: 'title',
    value: 'Mr'
  }
  ...etc
]

And I'd like to reorder the fields array of objects based on the position of the name key in the fieldOrder array. How is this possible? Perhaps with the Array.sort method somehow?

And, generally speaking, is this the best way to represent order?

Nenad Vracar · Accepted Answer · 2020-02-19 15:03:11Z

2

You could create object from the field order array and then use sort method to sort based on the values from that object that will be index of current element in the order array.

const fieldOrder = [
  'title',
  'first_name',
  'last_name',
  'address_1',
  'address_2',
  'city',
  'state',
  'zipcode',
  'country',
].reduce((r, e, i) => {
  r[e] = i;
  return r
}, {})

const fields = [{
    name: 'first_name',
    value: 'John'
  },
  {
    name: 'title',
    value: 'Mr'
  }
].sort((a, b) => fieldOrder[a.name] - fieldOrder[b.name])

console.log(fields)

answered Feb 19, 2020 at 15:03

Nenad Vracar

122k16 gold badges160 silver badges184 bronze badges

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

Comments

Taki · Accepted Answer · 2020-02-19 15:05:23Z

1

Look for the index of the name in fieldOrder and use .sort to achieve that :

const fieldOrder = [
  "title",
  "first_name",
  "last_name",
  "address_1",
  "address_2",
  "city",
  "state",
  "zipcode",
  "country"
];

const fields = [
  {
    name: "first_name",
    value: "John"
  },
  {
    name: "title",
    value: "Mr"
  }
];

const result = fields.sort((a,b) => {
  const aNdx = fieldOrder.findIndex(e => e === a.name);
  const bNdx = fieldOrder.findIndex(e => e === b.name);

  return aNdx - bNdx;
})

console.log(result);

answered Feb 19, 2020 at 15:05

Taki

17.7k5 gold badges28 silver badges48 bronze badges

Comments

Addis · Accepted Answer · 2020-02-19 15:06:06Z

0

You can sort it based on the index in the array;

const fieldOrder = [
    'title',
    'first_name',
    'last_name',
    'address_1',
    'address_2',
    'city',
    'state',
    'zipcode',
    'country',
  ]
  
  const fields = [
    {
        name: 'first_name',
        value: 'John'
    },
    {
        name: 'title',
        value: 'Mr'
    },
    {
        name: 'city',
        value: 'JNB'
    },
    {
        name: 'country',
        value: 'RSA'
    }
]

fields.sort( (a, b) => fieldOrder.indexOf(a.name) - fieldOrder.indexOf(b.name));

console.log(fields)

answered Feb 19, 2020 at 15:06

Addis

2,5402 gold badges16 silver badges21 bronze badges

Collectives™ on Stack Overflow

Reorder array of objects based on array of strings?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related