如何检测嵌套数组/对象中是否存在指定值？（多元素场景适用）

针对给定的包含动物数组的数据结构，要检测是否存在颜色值为Black的动物（支持多元素场景），可以用以下几种实用方法：

推荐方法：使用Array.some() #

some()方法专门用于判断数组中是否存在至少一个满足条件的元素，找到匹配项后会立即终止遍历，性能高效且语义清晰：

const hasBlackAnimal = info.animals.some(animal => animal.colour === 'Black');
// 结果为true表示存在目标颜色的动物，false表示不存在
console.log(hasBlackAnimal);

如果需要兼容不支持ES6箭头函数的旧环境，可改用普通函数写法：

var hasBlackAnimal = info.animals.some(function(animal) {
  return animal.colour === 'Black';
});

其他可选方法 #

用Array.find()判断 #

find()会返回第一个匹配条件的元素，通过判断返回值是否为undefined来确定是否存在目标动物：

const targetAnimal = info.animals.find(animal => animal.colour === 'Black');
const hasBlackAnimal = targetAnimal !== undefined;

用Array.filter()判断（适合需同时获取所有匹配元素的场景） #

filter()会返回所有符合条件的元素数组，通过判断数组长度是否大于0来确定存在性，但该方法会遍历整个数组，性能略逊于some()：

const blackAnimalsList = info.animals.filter(animal => animal.colour === 'Black');
const hasBlackAnimal = blackAnimalsList.length > 0;

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