如何优雅地判断JavaScript数组不包含特定元素

在JavaScript开发中，判断数组是否不包含某个特定元素是常见的需求，比如校验用户选择的标签是否没有包含禁用项，或者判断待处理列表里是否不存在某个已处理过的任务。传统的取反方式虽然能实现需求，但代码可读性和语义化程度不足，下面介绍多种更优雅的实现方式。

方法一：使用indexOf取反判断

indexOf方法会返回元素在数组中首次出现的索引，如果不存在则返回-1，因此可以通过判断返回值是否等于-1来确定数组不包含该元素。

const arr = [1, 2, 3, 4, 5];
const target = 6;
// 判断数组不包含target
const isNotInclude = arr.indexOf(target) === -1;
console.log(isNotInclude); // true

这种方式的兼容性很好，支持所有主流浏览器，包括IE等旧版本环境，但是语义上不够直观，需要理解indexOf的返回值规则才能快速看懂逻辑。

方法二：使用includes方法判断

ES6新增的includes方法专门用于判断数组是否包含某个元素，返回布尔值，直接取反就可以得到不包含的结果，语义非常清晰。

const arr = ['apple', 'banana', 'orange'];
const target = 'grape';
// 直接取反得到不包含的结果
const isNotInclude = !arr.includes(target);
console.log(isNotInclude); // true

includes方法还支持判断NaN元素，这是indexOf做不到的，比如判断数组不包含NaN时，indexOf会返回-1但实际数组可能包含NaN，而includes可以正确识别。

const arr = [1, NaN, 3];
console.log(arr.indexOf(NaN) === -1); // true 判断错误
console.log(!arr.includes(NaN)); // false 判断正确

方法三：使用some方法自定义判断

some方法会对数组每一项执行回调函数，只要有一项返回true就整体返回true，我们可以通过回调判断每一项是否都不等于目标元素，来实现不包含的判断。

const arr = [{ id: 1 }, { id: 2 }, { id: 3 }];
const targetId = 4;
// 判断数组中所有元素的id都不等于targetId
const isNotInclude = !arr.some(item => item.id === targetId);
console.log(isNotInclude); // true

这种方式适合判断复杂类型的元素，比如对象数组中是否不包含某个特定属性的对象，比includes更灵活，因为includes默认使用严格相等判断，无法直接比较对象的属性。

方法四：使用find或findIndex取反

find方法返回数组中满足条件的第一个元素，没有则返回undefined；findIndex返回满足条件的第一个索引，没有则返回-1，两者都可以用来判断数组不包含元素。

const arr = [10, 20, 30, 40];
const target = 25;
// 使用find判断
const isNotInclude1 = arr.find(item => item === target) === undefined;
// 使用findIndex判断
const isNotInclude2 = arr.findIndex(item => item === target) === -1;
console.log(isNotInclude1, isNotInclude2); // true true

这种方式和some类似，也支持自定义判断逻辑，但some只要找到符合条件的项就会停止遍历，性能上比find和findIndex更优，因为some不需要返回具体的元素或索引。

不同方法的对比与选择

下面是几种方法的特性对比，开发者可以根据实际场景选择：

如果项目需要兼容旧浏览器，优先选择indexOf取反；如果是现代浏览器环境，判断基本类型元素优先用includes取反，判断复杂类型或需要自定义逻辑的情况优先用some取反，这样代码既简洁又容易维护。

JavaScript数组Array_includesindexOfsome修改时间：2026-06-25 00:15:17