900字范文 > js 判断数组中是否包含某个元素

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

时间：2023-07-15 07:30:36

相关推荐

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

判断数组中是否包含某个元素的八种方法

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

实际用法：if (arr.indexOf (某元素) > -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//以上输出结果意味在数组的第四个位置开始检索：

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

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

2、stringObject 中的字符位置是从 0 开始的。

3、查找字符串最后出现的位置，使用 lastIndexOf () 方法。

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 () 并没有改变数组的原始值。

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

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

[NaN].2.dexOf(NaN) //-1[Na3..findIndex(y => Object.is(NaN, y))// 0

方法四：for () 循环

// 遍历数组，然后 if 判断var arr = [1, 5, 10, 15];//传统forfor(let i=0; i<arr.length; i++) {if(arr[i] === 查找值) {//则包含该元素}}// for...offor(v of arr) {if(v === 查找值) {//则包含该元素}}//forEacharr.forEach(v=>{if(v === 查找值) {//则包含该元素}})

方法五：就是使用 jquery 的 inArray 方法，该方法返回元素在数组中的下标，如果不存在与数组中，那么返回－１，代码如下所示：

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

方法六、includes () 方法：

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