如何通过JavaScript查找数组中目标元素的所有前置元素

针对你的需求，这里提供两种实用的JavaScript实现方式：

方法一：使用indexOf + slice #

先通过indexOf定位目标元素的索引，再用slice截取从数组开头到该索引（不包含）的部分：

const cars = ["Volvo", "BMW", "Mercedez", "Suzuki", "Honda"];
const target = "Suzuki";

// 找到目标元素的索引
const targetIndex = cars.indexOf(target);
// 截取前置元素，若目标不存在则返回空数组
const prefixElements = targetIndex !== -1 ? cars.slice(0, targetIndex) : [];

console.log(prefixElements); // 输出: ["Volvo", "BMW", "Mercedez"]

方法二：使用findIndex + slice #

如果需要更灵活的匹配逻辑（比如数组元素是对象时），可以用findIndex替代indexOf，用法基本一致：

const cars = ["Volvo", "BMW", "Mercedez", "Suzuki", "Honda"];
const target = "Suzuki";

// 自定义匹配逻辑（这里简单匹配字符串）
const targetIndex = cars.findIndex(item => item === target);
const prefixElements = targetIndex !== -1 ? cars.slice(0, targetIndex) : [];

console.log(prefixElements); // 输出: ["Volvo", "BMW", "Mercedez"]

注意事项 #

• 如果数组中存在多个与目标值相同的元素，indexOf和findIndex只会返回第一个匹配元素的索引，因此截取的是第一个目标元素之前的所有内容。
• 若目标元素不在数组中，代码会返回空数组，避免出现报错。

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