如何将嵌套数组中含指定关键词的元素移至首位？

安全阿岳

2026-6-27

解决方案：将嵌套数组中指定元素移至首位

先梳理你之前尝试的问题：

Try1：误用filter方法，filter仅用于筛选元素，无法调整位置；且判断条件x == filterKey错误，x是数组对象，需检查x.id.includes(filterKey)。
Try2：findIndex的判断条件section.id == 'special'不匹配实际ID（你的ID是包含special而非完全等于），导致找不到目标元素；后续splice和push的逻辑也不符合“移至顶部”的需求。

正确实现方式

方式1：直接修改原数组

const sections = shoppingBag?.data?.[0]?.sections;
if (sections) {
  // 定位id包含"special"的元素索引
  const targetIndex = sections.findIndex(section => section.id.includes('special'));
  if (targetIndex !== -1) {
    // 移除目标元素并插入到数组开头
    const targetItem = sections.splice(targetIndex, 1)[0];
    sections.unshift(targetItem);
  }
}
console.log('处理后的shoppingBag', shoppingBag);

方式2：返回新数组（不修改原数组）

如果不想改动原数组，可创建新数组实现：

const originalSections = shoppingBag?.data?.[0]?.sections || [];
const targetItem = originalSections.find(section => section.id.includes('special'));
const newSections = targetItem 
  ? [targetItem, ...originalSections.filter(item => item !== targetItem)]
  : [...originalSections];

// 更新到原对象
if (shoppingBag?.data?.[0]) {
  shoppingBag.data[0].sections = newSections;
}
console.log('处理后的shoppingBag', shoppingBag);