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

方法一:arr.indexOf(某元素):未找到则返回 -1。

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

例:

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

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

//以上输出结果意味着 "Apple" 元素位于数组中下标为 2 的位置。

indexOf()完整语法:

array.indexOf(item,start)

参数:

item:必须。查找的元素。

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

例:

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

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

注:string.indexOf()返回某个指定的字符串值在字符串中首次出现的位置。

1.该方法将从头到尾地检索字符串 stringObject,看它是否含有子串 searchvalue。开始检索的位置在字符串的 fromindex 处或字符串的开头(没有指定 fromindex 时)。如果找到一个 searchvalue,则返回 searchvalue 的第一次出现的位置。

  1. stringObject 中的字符位置是从 0 开始的。

  2. 查找字符串最后出现的位置,使用 lastIndexOf() 方法。

方法二:arr.find()

数组实例的find()用于找出第一个符合条件的数组元素。它的参数是一个回调函数,所有数组元素依次遍历该回调函数,直到找出第一个返回值为true的元素,然后返回该元素,否则返回undefined。 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() 并没有改变数组的原始值

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

方法二和方法三,这两个方法都可以发现NaN,弥补了方法一IndexOf()的不足。

[NaN].2.dexOf(NaN) 
//-1

[Na3..findIndex(y => Object.is(NaN, y))
// 0

方法四:for()

遍历数组,然后 if 判断

var arr = [1, 5, 10, 15];

//传统for

    for(let i=0; i<arr.length; i++) {

    if(arr[i] === 查找值) {

        //则包含该元素
    }
}
// for...of

  for(v of arr) {

    if(v === 查找值) {

        //则包含该元素
    }

}
//forEach

arr.forEach(v=>{

   if(v === 查找值) {

        //则包含该元素
}

})
四、方法四:就是使用jquery的inArray方法,该方法返回元素在数组中的下标,如果不存在与数组中,那么返回-1,代码如下所示:
/**

  • 使用jquery的inArray方法判断元素是否存在于数组中
  • @param {Object} arr 数组
  • @param {Object} value 元素值
    */
    function isInArray2(arr,value){
    var index = $.inArray(value,arr);
    if(index >= 0){
    return true;
    }
    return false;
    }

转自:

https://www.cnblogs.com/yunshangwuyou/p/9032560.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在JavaScript,可以使用indexOf()方法判断数组对象是否包含某个元素。这个方法会返回要查找的元素数组的索引值,如果没找到则返回-1。举个例子,如果我们要判断一个数组是否包含数字5,可以这样写代码: ``` var arr = [1, 2, 3, 4, 5]; if (arr.indexOf(5) !== -1) { console.log('数组包含数字5'); } else { console.log('数组包含数字5'); } ``` 这里使用了 !== 操作符,因为indexOf()方法返回的索引值可能是0,也就是第一个元素的位置,此时如果使用 === 操作符就会被认为是false,而我们需要的是true。 另外,如果我们要判断一个数组对象是否包含某个对象,可以使用find()方法或findIndex()方法。这两个方法接收一个回调函数作为参数,用于判断每个元素是否符合要求。如果找到符合要求的元素,则返回该元素或索引值,否则返回undefined或-1。举个例子,如果我们要判断一个数组对象是否包含id为1的对象,可以这样写代码: ``` var arr = [{id: 1, name: 'Tom'}, {id: 2, name: 'Jerry'}, {id: 3, name: 'Mickey'}]; var item = arr.find(function(obj) { return obj.id === 1; }); if (item) { console.log('数组对象包含id为1的对象'); } else { console.log('数组对象包含id为1的对象'); } ``` 这里使用了find()方法,返回找到的符合要求的对象,如果没有找到则返回undefined。如果我们要获取符合要求的对象的索引值,可以使用findIndex()方法替代find()方法

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值