Reorder array of objects based on attribute

Question

I have an array of objects, each with an 'id' and a 'name'. I'm retrieving an 'id' from the server and need to reorder the array starting from this id.

Example code:

var myList = [
  {
    id: 0,
    name: 'Joe'
  },
  {
    id: 1,
    name: 'Sally'
  },
  {
    id: 2,
    name: 'Chris'
  },
  {
    id: 3,
    name: 'Tiffany'
  },
  {
    id: 4,
    name: 'Kerry'
  }
];

Given an 'id' of 2, how can I reorder the array so my output is as follows:

var newList = [
  {
    id: 2,
    name: 'Chris'
  },
  {
    id: 3,
    name: 'Tiffany'
  },
  {
    id: 4,
    name: 'Kerry'
  },
  {
    id: 0,
    name: 'Joe'
  },
  {
    id: 1,
    name: 'Sally'
  }
];

Dan Kreiger · Accepted Answer · 2017-07-11 21:30:37Z

1

Try this:

function orderList(list, id){
  return list.slice(id).concat(list.slice(0,id));
}

Link to demo

edited Jul 11, 2017 at 21:30

answered Jul 11, 2017 at 21:24

Dan Kreiger

5,5342 gold badges20 silver badges26 bronze badges

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

1 Comment

myLogicIsWrong Over a year ago

Some assumptions in my data lend this solution to be the, seemingly, simplest solution. Other solutions provided also worked!

kind user · Accepted Answer · 2017-07-11 21:06:57Z

1

You could slice the array at given index and return a new array using spread syntax.

const myList = [{id:0,name:'Joe'},{id:1,name:'Sally'},{id:2,name:'Chris'},{id:3,name:'Tiffany'},{id:4,name:'Kerry'}];

const slice = (arr, num) => [...arr.slice(num), ...arr.slice(0, num)];

console.log(slice(myList, 2));

answered Jul 11, 2017 at 21:06

kind user

42k8 gold badges69 silver badges78 bronze badges

1 Comment

Egor Stambakio Over a year ago

For a common case where ids can be not incremental you can also define num using findIndex for example, so that num and id are decoupled from each other.

Jonas Wilms · Accepted Answer · 2017-07-11 21:08:11Z

0

myList.sort(function(a,b){
 return a.id>2===b.id>2?a.id-b.id:b.id-a.id;
});

newList=myList;

http://jsbin.com/kenobunali/edit?console

answered Jul 11, 2017 at 21:08

Jonas Wilms

139k20 gold badges164 silver badges164 bronze badges

1 Comment

trincot Over a year ago

You are allowed to use spaces :P

Nina Scholz · Accepted Answer · 2017-07-11 21:12:39Z

0

You could splice the wanted part and use splice to insert it at the end of the array.

var myList = [{ id: 0, name: 'Joe' }, { id: 1, name: 'Sally' }, { id: 2, name: 'Chris' }, { id: 3, name: 'Tiffany' }, { id: 4, name: 'Kerry' }],
    id = 2;
    
myList.splice(myList.length, 0, myList.splice(0, myList.findIndex(o => o.id === id)));

console.log(myList);

answered Jul 11, 2017 at 21:12

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

Comments

taha · Accepted Answer · 2017-07-11 21:34:43Z

0

using es6 spread syntax

var myList = [{ id: 0, name: 'Joe' }, { id: 1, name: 'Sally' }, { id: 2, name: 'Chris' }, { id: 3, name: 'Tiffany' }, { id: 4, name: 'Kerry' }],
id = 2;
var index = myList.findIndex(o => o.id == id);
var arr = myList.splice(0, index);
var result = [...myList, ...arr];
console.log(result);

answered Jul 11, 2017 at 21:34

taha

1,01710 silver badges17 bronze badges

Collectives™ on Stack Overflow

Reorder array of objects based on attribute

5 Answers 5

1 Comment

1 Comment

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

1 Comment

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related