Javascript - re-order Array of Objects (value) by Array [duplicate]

Question

I have an Array of Objects:

data = [
  {
    type: "displayName"
    base: {}
    staged: {}
  },
  {
    type: "bots"
    base: {}
    staged: {}
  },
  {
    type: "bots"
    base: {}
    staged: {}
  },
  {
    type: "whiteList"
    base: {}
    staged: {}
  }
]

I then have a array I would like to use to order my data array:

order = ["bots", "whiteList", "displayName"]

I need to order data based off each objects type

I have tried:

private orderChanges = (data: any[], order: any[]) => {
    const orderedArray = [];
    let len = Object.keys(data).length;

    for (; len-- ;) {
      const current = data[len];
      const index = order.indexOf(current.resourceType);
      orderedArray[index] = current;
    }

    return orderedArray;
  }

While this works is will only return a single type->bots object in orderedArray.

Thanks!

btw, 'whitelist' is different from 'whiteList'.

Nina Scholz
– Nina Scholz

2018-11-27 21:34:42 +00:00
Commented Nov 27, 2018 at 21:34 — Nina Scholz
– Nina Scholz, Commented Nov 27, 2018 at 21:34

Jonas Wilms · Accepted Answer · 2018-11-27 21:33:08Z

3

Don't reinvent wheels, just .sort :

  data.sort((a, b) => order.indexOf(b.type) - order.indexOf(a.type));

That takes two elements (a and b) of the array, gets the indices of their type inside the order array, and returns the difference of those indices back to the sorting function. Three things might happen:

1) Both got the same order: They therefore also got the same index and the difference is 0, the sorting algorithm keeps them at the same position.

2) A's type is earlier in the order array, the index is lower, the difference is positive and therefore the algorithm will swap both elements so that A is first.

2) B's type is earlier, B will be moved to the first position.

That is repeated with all elements in the array until they are completely sorted.

edited Nov 27, 2018 at 21:33

answered Nov 27, 2018 at 21:28

Jonas Wilms

139k20 gold badges164 silver badges164 bronze badges

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

2 Comments

Ardz Over a year ago

Definitely don't want to and I felt as though I was so that is why I asked.

Jonas Wilms Over a year ago

@ardz good decision ;)

Collectives™ on Stack Overflow

Javascript - re-order Array of Objects (value) by Array [duplicate]

1 Answer 1

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Linked

Related