字符串或数组是否包含某元素方法——刘金萍

一、数组

方法一：array.indexOf(item,start) 存在返回元素在数组中的位置，如果不存在则返回-1

注：string.indexOf()返回某个指定的字符串值在字符串中首次出现的位置。
查找字符串最后出现的位置，使用 lastIndexOf() 方法。

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
 //以上输出结果意味在数组的第四个位置开始检索

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

注：filter()不会对空数组进行检测，不会改变原始数组

var ages = [32, 33, 16, 40];    
filters: {
        //年龄为16
        checkAdult: function (val) {
            return val == 16
        },//[16]
        // 年龄小于14
        checkAdult1: function (val) {
            return val <= 14
        },//[]
},

方法三：array.find()用于找出第一个符合条件的数组元素。参数为回调函数，所有数组元素依次遍历该回调函数，知道找出第一个返回值为true的元素，然后返回该元素，否则返回undefined

find()方法返回函数判断成功的数组的第一个元素的值，
find()数组中的每个元素都调用一次函数执行
①当数组中的元素在测试条件时返回true时，find()返回符合条件的元素，之后的值不会再调用执行函数
②如果没有符合条件的元素返回undefined
注：1.find()对于空数组，函数不会调用
2.find()不会改变原数组

[1, 5, 10, 15].find(function(value, index, arr) {
return value > 9;
}) 
// 10
//实际用法：
arr.find(function(value) {
if(value === 要查找的值) {
//则包含该元素
}
})

方法四：array.findIndex()返回第一个符合条件的数组元素的位置，若都不符合返回-1

findIndex()方法为数组中的每个元素都调用一次函数执行
当数组中的元素在测试条件时返回 true 时, findIndex() 返回符合条件的元素的索引位置，之后的值不会再调用执行函数。
如果没有符合条件的元素返回 -1
注: 1.findIndex() 对于空数组，函数是不会执行的。
2.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].indexOf(NaN)  //-1
[NaN].find(y => Object.is(NaN, y))  //0
[NaN].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;
}

方法七：include()方法

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

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

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

ar 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

方法九：jQuery的$.each() 方法为每个匹配元素规定要运行的函数。

var anArray = ['one','two','three'];
       $.each(anArray,function(n,value){
           if(value=="one"){
            console.log("one存在于数组中");
        }
    }
 );
//one存在于数组中