Javascript判断数组是否包含特定元素方法汇总
时间:2022-06-22
本文章向大家介绍Javascript判断数组是否包含特定元素方法汇总,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
判断数组是否包含某一特定元素是很常见的需求,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
就行啦。
- .Net Core内存回收模式及性能测试对比
- silverlight中顺序/倒序异步加载多张图片
- MySQL数据库性能优化之三
- 谁说 Java 要过时?2017年Java 大事件一览及未来前瞻
- mongodb的用法
- silverlight中如何将string(字符串)写入Resource(资源)?
- Python练习环境搭建-引入预定义数据
- 振幅和成交量的关系
- silverlight中的几个冷门标记 {x:Null},d:DesignWidth,d:DesignHeight
- 用scikit-learn和pandas学习线性回归
- 自动驾驶玩出新花招,以后老司机们就要失业了
- silverlight.net官方网站图片切换源码
- 制作iis自动安装包
- 安装程序无法复制一个或多个文件。特定错误码是0x4b8。
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 基于cobbler 实现自动安装linux系统
- Polysh命令实现多日志查询的方法示例
- linux中启动tomcat后浏览器无法访问的解决方法
- Linux查看系统配置常用命令详解
- LNMP下提示File not found问题的解决方法
- Linux 配置SSH免密登录 “ssh-keygen”的基本用法
- 详解Ubuntu 16.04 pycharm设置桌面快捷启动方式
- Linux 7.4上安装配置Oracle 11.2.0.4图文教程
- linux磁盘管理软RAID的实现原理分析和方法分享
- Centos7下Samba服务器配置(实战)
- Linux系统中创建SSH服务器别名的两种方法
- Linux下卸载MySQL8.0版本的操作方法
- Linux服务器上安装Python3的两种方式
- Centos7安装ElasticSearch 6.4.1入门教程详解
- Windows 和 Linux 上Redis的安装守护进程配置方法