Angularjs $scope array object rearrange

Question

I have a json array which I assign to a $scope object to display at the front-end. I want to rearrange this array on the basis of given id. This is how my initial array looks like.

$scope.listData = [{
id: 1,
name: adam,
title: testing title,
description: testing description
},
{
id: 2,
name: zampa,
title: testing title,
description: testing description
},
{
id: 3,
name: Aaron,
title: testing title,
description: testing description
}]

For rearrangement, For Instance if given id is 3, rearrangement of records should be like 3,1,2.

I have tried using angular.forEach loop, but did not succeed.

So you just want to move the item with the given ID to the start of the array? — Robby Cornelissen
– Robby Cornelissen, Commented Jul 8, 2019 at 6:24

Robby Cornelissen · Accepted Answer · 2019-07-08 06:32:34Z

1

Here's a solution using splice() and unshift():

function moveToFront(id, array) {
  const i = array.findIndex(v => v.id === id);

  array.unshift(...array.splice(i, 1));
}

Complete snippet:

const listData = [{
    id: 1,
    name: 'adam',
    title: 'testing title',
    description: 'testing description'
  },
  {
    id: 2,
    name: 'zampa',
    title: 'testing title',
    description: 'testing description'
  },
  {
    id: 3,
    name: 'Aaron',
    title: 'testing title',
    description: 'testing description'
  }
];

function moveToFront(id, array) {
  const i = array.findIndex(v => v.id === id);
  
  array.unshift(...array.splice(i, 1));
}

moveToFront(3, listData);

console.log(listData);

answered Jul 8, 2019 at 6:32

Robby Cornelissen

98.6k23 gold badges154 silver badges180 bronze badges

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

3 Comments

Shaur Bin Talib Over a year ago

unshift function just returning a number, not the array.

Robby Cornelissen Over a year ago

@ShaurBinTalib The function modifies the array in place (as per the question's requirements). There's no need to return anything.

Shaur Bin Talib Over a year ago

yes I got it. Its working perfectly as per my requirement. Thankyou

3960278 · Accepted Answer · 2019-07-08 06:38:46Z

0

//Assuming it is sorted by id initially, starting frm one

listData.splice(0, 0, listData.splice(id - 1, 1)[0]);

answered Jul 8, 2019 at 6:38

3960278

8167 silver badges13 bronze badges

5 Comments

Shaur Bin Talib Over a year ago

returns empty array

3960278 Over a year ago

listData itself changed

Robby Cornelissen Over a year ago

This will only work once though. The second time the order of IDs will be different.

Shaur Bin Talib Over a year ago

Yeah, that's the problem. However, I got my answer. Thankyou for your help.

3960278 Over a year ago

ya correct, but then, idea of no deletion and only rearrangement is not there right, there is always new copy of array, anyway prob is solved

Collectives™ on Stack Overflow

Angularjs $scope array object rearrange

2 Answers 2

3 Comments

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related