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

最新推荐文章于 2024-08-06 14:16:54 发布

原创最新推荐文章于 2024-08-06 14:16:54 发布 · 5.8k 阅读

CC 4.0 BY-SA版权

文章标签：

1 篇文章

订阅专栏

本文介绍了JavaScript中检查数组是否包含特定元素的六种方法，包括indexOf、includes、find、findIndex、for循环和forEach。这些方法各有特点，适用于不同的场景，帮助开发者更便捷地操作数组。

方法1：arr.indexOf(element)：判断数组中是否存在某个值，如果存在，则返回数组元素的下标(第一个元素)，否则返回-1；

let fruits = ["Banana", "Orange", "Apple", "Mango"]
let a = fruits.indexOf("Apple")
console.log(a)  // 2

方法2：array.includes(searcElement[,fromIndex])：判断数组中是否存在某个值，如果存在返回true，否则返回false；

let fruits = ["Banana", "Orange", "Apple", "Mango"]
if(fruits.includes("Apple")){
  console.log("存在")
}else {
  console.log("不存在")
}

方法3：arr.find(callback[,thisArg])：返回数组中满足条件的第一个元素的值，如果没有，返回undefined；

let fruits = ["Banana", "Orange", "Apple", "Mango"]
let result = fruits.find(item =>{
    return item == "Apple"
})
console.log(result)  // Apple

方法4：array.findIndex(callback[,thisArg])：返回数组中满足条件的第一个元素的下标，如果没有找到，返回-1；

let fruits = ["Banana", "Orange", "Apple", "Mango"]
let result = fruits.findIndex(item =>{
    return item == "Apple"
})
console.log(result)  // 2

方法5：for()：遍历数组，然后 if 判断；

let fruits = ["Banana", "Orange", "Apple", "Mango"]
for(v of fruits){
  if(v == "Apple"){
    console.log("包含该元素")
  }
}

方法6：forEach

let fruits = ["Banana", "Orange", "Apple", "Mango"]
fruits.forEach((v)=>{
  if(v == "Apple"){
    console.log("包含该元素")
  }
})

原文出处：js判断数组中是否包含某个元素；
原文地址同时也是我的博客园地址，欢迎关注，会不定期更新~