Javascript判断数组是否包含特定元素方法汇总

impig33 发布于2019-08-23 12:01 / 1765人阅读

摘要：具体内容请参考。感谢大家阅读，另外，在这边帮朋友推一个爱心众筹，希望大家能够奉献点爱心，朋友母亲，身患直肠癌，目前在北京武警总医院接收治疗，可留言留下您的联系方式，日后感激大家

判断数组是否包含某一特定元素是很常见的需求，javascript中有很多实现方法，今天有空汇总了一下，按兼容性由强到弱排序，返回类型一律为boolean：

假设数组为arr，目标元素为target

循环遍历：

(arr, target) => {
  for (var i = 0; i < arr.length; i++) {
    if (arr[i] === target) {
      return true;
    }
  }
  return false;
}

兼容性：es1

相等算法：===

indexOf：

(arr, target) => {
  return arr.indexOf(target) >= 0;
}

兼容性：es5

相等算法：===

filter：

(arr, target) => {
  return arr.filter(el => el === target).length > 0;
}

兼容性：es5

相等算法：===

some：

(arr, target) => {
  return arr.some(el => el === target);
}

兼容性：es5

相等算法：===

find：

(arr, target) => {
  return arr.find(el => el === target) !== undefined;
}

兼容性：es2015

相等算法：===

findIndex：

(arr, target) => {
  return arr.findIndex(el => el === target) >= 0;
}

兼容性：es2015

相等算法：===

includes：

(arr, target) => {
  return arr.includes(target);
}

兼容性：es2016

相等算法：SameValueZero

==Tips:==

=== 与 SameValueZero的区别在于
NaN === Nan => false 而 SameValueZero认为两个NaN之间是相等的。具体内容请参考 MDN。如果想把上面===的实现变成SameValueZero的实现可以写成：

el === target || (Object.is(el, NaN) && Object.is(target, NaN))

在如今es6、babel如此流行的情况下，大部分时候我们直接用includes就行啦。

感谢大家阅读，另外，在这边帮朋友推一个爱心众筹，希望大家能够奉献点爱心，朋友母亲，身患直肠癌，目前在北京武警总医院接收治疗，可留言留下您的联系方式，日后感激大家！

云服务器 GPU云服务器 js判断数组中是否包含某一项 asp判断是否包含 js 判断是否包含 php是否数组元素

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/97859.html

前端实习面试汇总

摘要：题目来源前端实习生面试总结最近开始了几次面试，虽然还不知道结果如何，但是还是要记录下来进行一个总结，同样也希望对正在准备面实习生的童鞋们有所帮助最后一个参数是做什么用的答规定事件是冒泡还是捕获。最近一直在多看基础的书多码代码准备找实习，在网上也搜罗了不少面经，现在把搜罗到的实习生面试题自己整理一下。题目来源：前端实习生面试总结最近开始了几次面试，虽然还不知道结果如何，但是还是要记录...

张利勇 2019-08-29 11:17 评论0 收藏0
前端实习面试汇总

摘要：题目来源前端实习生面试总结最近开始了几次面试，虽然还不知道结果如何，但是还是要记录下来进行一个总结，同样也希望对正在准备面实习生的童鞋们有所帮助最后一个参数是做什么用的答规定事件是冒泡还是捕获。最近一直在多看基础的书多码代码准备找实习，在网上也搜罗了不少面经，现在把搜罗到的实习生面试题自己整理一下。题目来源：前端实习生面试总结最近开始了几次面试，虽然还不知道结果如何，但是还是要记录...

wangzy2019 2019-08-01 15:43 评论0 收藏0
前端实习面试汇总

摘要：题目来源前端实习生面试总结最近开始了几次面试，虽然还不知道结果如何，但是还是要记录下来进行一个总结，同样也希望对正在准备面实习生的童鞋们有所帮助最后一个参数是做什么用的答规定事件是冒泡还是捕获。最近一直在多看基础的书多码代码准备找实习，在网上也搜罗了不少面经，现在把搜罗到的实习生面试题自己整理一下。题目来源：前端实习生面试总结最近开始了几次面试，虽然还不知道结果如何，但是还是要记录...

NicolasHe 2019-08-22 10:37 评论0 收藏0
javascript数组方法学习汇总

摘要：将输出新数组判断数组中的每一项是否都满足条件，都满足返回，此方法相较于之前的几个方法，返回值有差异，是一个布尔值。输出数组用于将一组值转化为数组输出数组返回一个布尔值，表示某个数组中是否包含给定的值。 1、join(sep)：将数组元素组合成字符串。以sep为分隔符，省略的话则默认使用逗号为分隔符。 var arr = [a,b,c]; console.log(arr.join(-))...

zebrayoung 2019-08-22 17:05 评论0 收藏0