Angularjs $scope 数组对象重新排列

Question

我有一个 json 数组，我将它分配给一个 $scope 对象以在前端显示。我想根据给定的 id 重新排列这个数组。 这就是我的初始数组的样子。

$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
}]

对于重排，例如如果给定的id是3，记录的重排应该是3,1,2。

我尝试过使用 angular.forEach 循环，但没有成功。

Answer 1

这是使用splice() 和unshift() 的解决方案：

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

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

---

完成sn-p：

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);

Answer 2

//假设最初是按id排序的，从第一个开始

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