javascript - 改变数组元素的位置

Question

let cards = [
   { name: 'a', value: '234'},
   { name: 'b', value: '876' },
   { name: 'c', value: '765'},
   { name: 'd', value: '980' }
];
let defaultCard = 'c';

我想让 defaultCard 成为 cards 数组中的第一张卡片。在这种情况下，结果将是

cards = [
   { name: 'c', value: '765'},
   { name: 'a', value: '234'},
   { name: 'b', value: '876' },
   { name: 'd', value: '980' }
]

什么是最好的方法。

我所做的是获取默认卡的索引并与 0 索引交换。

function getIndex(arr, defaultCard) {
  return arr.findIndex((item) => item.name === defaultCard);
}
function getSortedCard(arr) {
  let index = getIndex(arr, defaultCard);
  if (index < 1) return arr;
  let temp = arr[index];
  arr[index] = arr[0];
  arr[0] = temp;
  return arr;
}

const newArr = getSortedCard(cards);
console.log(newArr);

Answer 1

这是一种通过解构和 Array.filter 方法来实现的方法。

let cards = [
   { name: 'a', value: '234'},
   { name: 'b', value: '876' },
   { name: 'c', value: '765'},
   { name: 'd', value: '980' }
];
let defaultCard = 'c';

cards = [cards.find(item => item.name === defaultCard), ...cards.filter(item => item.name !== defaultCard)];

console.log(cards);