js中判断数组中是否包含某元素的方法

方法一:array.indexOf(item,start):元素在数组中的位置,如果没与搜索到则返回 -1。

实际用法:if(arr.indexOf(某元素) > -1){//则包含该元素}

参数:

item:必须。查找的元素。

start:可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数,则将从字符串的首字符开始检索。

var fruits = ["Banana", "Orange", "Apple", "Mango"];

var a = fruits.indexOf("Apple"); // 2

//以上输出结果意味着 "Apple" 元素位于数组中的第 3 个位置。

 var fruits=["Banana","Orange","Apple","Mango","Banana","Orange","Apple"];
 var a = fruits.indexOf("Apple",4); //6
 //以上输出结果意味在数组的第四个位置开始检索:

JavaScript Array filter() 方法有类似的检索功能:

  filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。

  注意: filter() 不会对空数组进行检测。

  注意: filter() 不会改变原始数组。

var ages = [32, 33, 16, 40];
function checkAdult(age) {
    return age == 16;
}
function myFunction() {
    ages.filter(checkAdult);
  console.log(ages.filter(checkAdult))
}
myFunction()

//[16]

var ages = [32, 33, 16, 40];
function checkAdult(age) {
    return age <= 14;
}
function myFunction() {
    ages.filter(checkAdult);
  console.log(ages.filter(checkAdult))
}
myFunction()

//[]

方法二:array.find()

数组实例的find()用于找出第一个符合条件的数组元素。它的参数是一个回调函数,所有数组元素依次遍历该回调函数,直到找出第一个返回值为true的元素,然后返回该元素,否则返回undefined。

find() 方法返回通过测试(函数内判断)的数组的第一个元素的值。

find() 方法为数组中的每个元素都调用一次函数执行:

  • 当数组中的元素在测试条件时返回 true 时, find() 返回符合条件的元素,之后的值不会再调用执行函数。
  • 如果没有符合条件的元素返回 undefined

注意: find() 对于空数组,函数是不会执行的。

注意: find() 并没有改变数组的原始值。

[1, 5, 10, 15].find(function(value, index, arr) {
return value > 9;
}) 

// 10

//实际用法:

arr.find(function(value) {

if(value === 要查找的值) {

//则包含该元素
}
})

方法三:array.findIndex()

array.findIndex()和array.find()十分类似,返回第一个符合条件的数组元素的位置,如果所有元素都不符合条件,则返回-1。 

findIndex() 方法为数组中的每个元素都调用一次函数执行:

当数组中的元素在测试条件时返回 true 时, findIndex() 返回符合条件的元素的索引位置,之后的值不会再调用执行函数。 

如果没有符合条件的元素返回 -1

注意: findIndex() 对于空数组,函数是不会执行的。

注意: findIndex() 并没有改变数组的原始值

方法四、include()方法:

arr.includes(searchElement)方法用来判断一个数组是否包含一个指定的值,如果是返回 true,否则false。searchElement:必须。需要查找的元素值。

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

arr.includes(searchElement, fromIndex).fromIndex:可选。从该索引处开始查找 searchElement。如果为负值,则按升序从 array.length + fromIndex 的索引开始搜索。默认为 0。

var arr = ['a', 'b', 'c'];
注意:如果fromIndex 大于等于数组长度 ,则返回 false 。该数组不会被搜索 
arr.includes('c', 3);   //false
arr.includes('c', 100); // false

注意:如果 fromIndex 为负值,计算出的索引将作为开始搜索searchElement的位置。如果计算出的索引小于 0,则整个数组都会被搜索。
// 数组长度是3
// fromIndex 是 -100
// computed index 是 3 + (-100) = -97
arr.includes('a', -100); // true
arr.includes('b', -100); // true
arr.includes('c', -100); // true

方法五.Array some() 方法,类似于filter()

some() 方法用于检测数组中的元素是否满足指定条件(函数提供)。

some() 方法会依次执行数组的每个元素:

如果有一个元素满足条件,则表达式返回true , 剩余的元素不会再执行检测。
如果没有满足条件的元素,则返回false。
注意: some() 不会对空数组进行检测。

注意: some() 不会改变原始数组。

var ages = [3, 10, 18, 20];
function checkAdult(age) {
    return age == 18;
}
function myFunction() {
    console.log(ages.some(checkAdult));
}
myFunction() 

//true

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值