find、findIndex、indexOf、filter、map、forEach、some、includes、every等方法的使用及说明

1.find的用法

function shower(){
  let arr = [1,2,3,8,5];
  let index = arr.find(item=>item>3)
  console.log(index,"shower");//输出结果 8
}
shower()

说明：find用于数组不能用于字符串，查找到了就返回item（从左往右，有满足条件的就立即返回并且不会再往下查找了），没查找到就返回undefined

2.findIndex的用法

function shower(){
  let arr = [5,8,98,15,4];
  let index = arr.findIndex(item=>item==15)
  console.log(index,"shower");//输出结果 3
}
shower()

说明：findIndex用于数组不能用于字符串，查找到了就返回当前item的下标（从左往右，有满足条件的就立即返回并且不会再往下查找了），没查找到就返回-1

3.indexOf的用法

function shower(){
  let arr = [5,8,98,15,4];
  let str = "abcde";
  let arrIndex = arr.indexOf(98,0)
  let strIndex = str.indexOf("c",0)
  console.log(arrIndex,"arr");//输出结果 2
  console.log(strIndex,"str");//输出结果 2
}
shower()

说明：indexOf既能用于数组又能用于字符串，第一个参数是要查找的内容，第二个参数是从什么位置开始查找，查找到了就返回下标，没查找到就返回-1

4.filter的用法

function shower(){
  let arr = [5,8,98,15,4];
  let str = "abcde";
  let arrBool = arr.filter(item=>item>8)
  console.log(arrBool,"arr");//输出结果 [98,15]
}
shower()

说明：filter用于数组不能用于字符串，查找到了就返回当前item组成的数组，没查找到就返回空数组

5.map的用法

//第一种情况
function shower(){
  let arr = [5,8,98,15,4];
  let arrBool = arr.map(item=>{
    if(item>8){
      return 66
    }else{
      return 99
    }
  })
  console.log(arrBool,"arr");//输出结果 [99,99,66,66,99]
}

//第二种情况
function shower(){
  let arr = [5,8,98,15,4];
  let arrBool = arr.map(item=>{
    if(item>8){
      return 66
    }
  })
  console.log(arrBool,"arr");//输出结果 [undefined,undefined,66,66,undefined]
}
shower()

说明：map用于数组不能用于字符串，一般map适用于对于数组中的数据需要重新处理，也就是需要return出一个新数组的时候。这里需要注意的是第二种情况是因为没有else，而arr数组已经有5个元素（也就是存在5个键占据着位置），没有return所以自动不全为undefined

6.forEach的使用 

function shower(){
  let arr = [5,8,98,15,4];
  let str = "abcde";
  arr.forEach(item=>{
    if(item>8){
      console.log(str,"str");//输出了两次abcde
    }
  })
}
shower()

说明：forEach用于数组不能用于字符串，一般适用于遍历数组，对数组元素进行条件判断，不需要return一个新数组的时候

7.some的使用

function shower(){
  let arr = [5,8,98,15,4];
  let arrBool = arr.some(item=>item==98)
  console.log(arrBool,"arr");//输出结果 true
}
shower()

说明：some用于数组不能用于字符串，some表示“有”的意思，只要数组中有满足条件的item就会返回true，但数组中所有元素都不满足才会返回false

8.includes的使用

function shower(){
  let arr = [5,8,98,15,4];
  let arrBool = arr.includes(98，0)
  console.log(arrBool,"arr");//输出结果 true
}
shower()

function shower(){
  let str = "abcde";
  let strBool = str.includes("a",0)
  console.log(strBool,"str");//输出结果 true
}
shower()

说明：includes既能用于数组有能用于字符串，includes表示“包含有”的意思，第一个参数是要查找的内容，第二个参数是从什么位置开始查找，查找到了就返回true，没查找到就返回false

9.every的使用

function shower(){
  let arr = [5,8,98,15,4];
  let arrBool = arr.every(item=>item!=98)
  console.log(arrBool,"arr");//输出结果 false
}
shower()

 

说明：every用于数组不能用于字符串，every表示“每一个”的意思，要求数组中所有元素满足条件才返回true，数组中有元素都不满足判断条件就会返回false