如何更新数组指定元素并将其移至数组开头？

给定数组items和对象item，需要完成两个核心操作：找到数组中id与item.id匹配的元素，替换为item后，将该元素移至数组开头。以下是完整实现代码：

var item = {id: 2, name: "updated item"}; // 示例目标对象
var items = [{id:1}, {id:2}, {id:3}];

var foundIndex = items.findIndex(x => x.id === item.id);
if (foundIndex !== -1) {
  // 替换匹配到的元素
  items[foundIndex] = item;
  // 删除原位置的更新后元素并取出
  const updatedItem = items.splice(foundIndex, 1)[0];
  // 将元素移至数组开头
  items.unshift(updatedItem);
}

关键步骤说明 #

• 定位匹配元素：使用findIndex快速定位第一个id匹配的元素索引，添加foundIndex !== -1的判断是为了避免数组中无匹配元素时执行后续操作报错。
• 替换元素：直接通过索引赋值完成元素替换。
• 移至开头：先用splice删除原位置的元素（splice返回被删除的元素数组，取第一个元素即为更新后的目标元素），再调用unshift将该元素插入数组最前端。

注意：如果数组中存在多个id匹配的元素，findIndex只会处理第一个匹配项。若需处理所有匹配元素，可通过filter获取所有匹配索引后循环处理，但通常场景下id作为唯一标识，处理第一个即可。

内容的提问来源于stack exchange，提问作者justin