JavaScript实现：从数组移除指定元素并移至另一数组首位

嘿，这个需求很明确，咱们用JavaScript就能轻松搞定，核心就是精准定位第一个目标元素，再完成移除和迁移操作。下面是具体的实现思路和代码：

实现思路 #

1. 定位目标元素：用findIndex找到数组中第一个hero属性为true的元素索引；
2. 移除原数组元素：如果找到对应元素，用splice从原数组中移除它（这个方法会直接修改原数组，同时返回被移除的元素）；
3. 迁移到目标数组：把移除的元素放到hero数组的首位，用unshift适配数组已有元素的情况，确保它始终在最前面。

完整代码示例 #

// 原始数组
let articles = [
  {title: "article 1", hero: false},
  {title: "article 2", hero: false},
  {title: "article 3", hero: true},
  {title: "article 4", hero: false},
  {title: "article 5", hero: true},
  {title: "article 6", hero: false},
  {title: "article 7", hero: true}
];
let hero = [];

// 找到第一个hero为true的元素索引
const firstHeroIndex = articles.findIndex(item => item.hero === true);

// 确认找到元素后执行操作
if (firstHeroIndex !== -1) {
  // 从articles移除元素并解构出目标元素
  const [targetHero] = articles.splice(firstHeroIndex, 1);
  // 将元素放到hero数组首位
  hero.unshift(targetHero);
}

// 验证结果
console.log('处理后的articles数组：', articles);
console.log('处理后的hero数组：', hero);

代码细节说明 #

• findIndex是最适合这个场景的方法，因为它只遍历到第一个符合条件的元素就停止，效率比filter这类遍历整个数组的方法更高；
• splice的第二个参数设为1，确保只移除一个元素（咱们只需要第一个符合的）；
• 用解构赋值[targetHero]直接从splice返回的数组中取出目标元素，写法更简洁；
• unshift方法会把元素添加到数组的开头，如果你的hero数组初始是空的，也可以直接写成hero = [targetHero]，但unshift更通用，能兼容hero已有其他元素的场景。

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