JS判断数组是否包含某个元素

简介: JS判断数组是否包含某个元素

一、问题

有如下数组arr1,元素a、b、c,判断arr1是否包含a或b或c

var arr1=[1,2,3]
var a=4
var b=2
var c=6

二、JS数组的方法

方法 描述
concat() 连接两个或更多的数组,并返回结果。
copyWithin() 从数组的指定位置拷贝元素到数组的另一个指定位置中。
entries() 返回数组的可迭代对象。
every() 检测数值元素的每个元素是否都符合条件。
fill() 使用一个固定值来填充数组。
filter() 检测数值元素,并返回符合条件所有元素的数组。
find() 返回符合传入测试(函数)条件的数组元素。
findIndex() 返回符合传入测试(函数)条件的数组元素索引。
forEach() 数组每个元素都执行一次回调函数。
from() 通过给定的对象中创建一个数组。
includes() 判断一个数组是否包含一个指定的值。
indexOf() 搜索数组中的元素,并返回它所在的位置。
isArray() 判断对象是否为数组。
join() 把数组的所有元素放入一个字符串。
keys() 返回数组的可迭代对象,包含原始数组的键(key)。
lastIndexOf() 搜索数组中的元素,并返回它最后出现的位置。
map() 通过指定函数处理数组的每个元素,并返回处理后的数组。
pop() 删除数组的最后一个元素并返回删除的元素。
push() 向数组的末尾添加一个或更多元素,并返回新的长度。
reduce() 将数组元素计算为一个值(从左到右)。
reduceRight() 将数组元素计算为一个值(从右到左)。
reverse() 反转数组的元素顺序。
shift() 删除并返回数组的第一个元素。
slice() 选取数组的一部分,并返回一个新数组。
some() 检测数组元素中是否有元素符合指定条件。
sort() 对数组的元素进行排序。
splice() 从数组中添加或删除元素。
toString() 把数组转换为字符串,并返回结果。
unshift() 向数组的开头添加一个或更多元素,并返回新的长度。
valueOf() 返回数组对象的原始值。

根据描述,如下三个方法应可以实现

includes() 判断一个数组是否包含一个指定的值。
indexOf() 搜索数组中的元素,并返回它所在的位置。
lastIndexOf() 搜索数组中的元素,并返回它最后出现的位置。

三、includes实例

let site = ['runoob', 'google', 'taobao'];
 
site.includes('runoob'); 
// true 
 
site.includes('baidu'); 
// false

四、indexOf实例

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var a = fruits.indexOf("Apple");
//2

数组的索引开始位置是从 0 开始的,从头到尾地检索数组中指定元素 ,如果找到,返回索引。

如果在数组中没找到指定元素则返回 -1。

五、lastIndexOf实例

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var a = fruits.lastIndexOf("Apple");
//2

数组的索引开始位置是从 0 开始的,从尾到头地检索数组中指定元素 ,如果找到,返回索引。

如果在数组中没找到指定元素则返回 -1。

六、实现

var arr1=[1,2,3]
var a=4
var b=2
var c=6
console.log("------------------------")
console.log(arr1.includes(a))
console.log(arr1.includes(b))
console.log(arr1.includes(c))
console.log("------------------------")
console.log(arr1.indexOf(a)!==-1)
console.log(arr1.indexOf(b)!==-1)
console.log(arr1.indexOf(c)!==-1)
console.log("------------------------")
console.log(arr1.lastIndexOf(a)!==-1)
console.log(arr1.lastIndexOf(b)!==-1)
console.log(arr1.lastIndexOf(c)!==-1)
------------------------
VM633:6 false
VM633:7 true
VM633:8 false
VM633:9 ------------------------
VM633:10 false
VM633:11 true
VM633:12 false
VM633:13 ------------------------
VM633:14 false
VM633:15 true
VM633:16 false
相关文章
|
16天前
|
JavaScript
js 解析 byte数组 成字符串
js 解析 byte数组 成字符串
|
2天前
|
存储 前端开发 JavaScript
前端基础(二)_JavaScript变量、JavaScript标识符、JavaScript获取元素、JavaScript的鼠标事件
本文介绍了JavaScript变量的声明和使用、标识符的命名规则、如何获取和操作HTML元素,以及JavaScript的鼠标事件处理,通过示例代码展示了这些基础知识点在实际开发中的应用。
13 2
前端基础(二)_JavaScript变量、JavaScript标识符、JavaScript获取元素、JavaScript的鼠标事件
|
10天前
|
JavaScript 前端开发
js删除数组最后一个元素
js删除数组最后一个元素
|
9天前
|
JavaScript 前端开发 索引
|
18天前
|
JavaScript 前端开发
js怎么定位不同的页面元素
在JavaScript中,有多种方法定位和选择页面元素。
|
15天前
|
JavaScript
js 循环数组取值
js 循环数组取值
|
1天前
|
JavaScript 前端开发
用JavaScript编程定义二维数组并初始化,然后输出元素值
用JavaScript编程定义二维数组并初始化,然后输出元素值
|
1天前
|
JavaScript 前端开发
JavaScript 中 五种迭代数组的方法 every some map filter forEach
本文介绍了JavaScript中五种常用数组迭代方法:every、some、filter、map和forEach,并通过示例代码展示了它们的基本用法和区别。
|
1天前
|
JavaScript 前端开发 索引
JavaScript 数组中splice()的用法
本文介绍了JavaScript数组方法splice()的三种用法:删除元素、插入元素和替换元素,通过具体代码示例展示了如何使用splice()方法进行数组的修改操作。
|
4月前
|
JavaScript 前端开发
JS将两个数组和合并成数组包对象格式的方法
JS将两个数组和合并成数组包对象格式的方法
63 0