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

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

10.replace和replaceAll的使用

function shower(){
    let str = "团子"
    let newStr = str.replace('子','溪')
    console.log("newStr",newStr); // 输出结果 团溪
}

function shower(){
    let str = "kanno"
    let newStr = str.replaceAll('n','m');
    console.log("newStr",newStr); // 输出结果 kammo
}

说明：replace和replaceAll只能用于字符串不能用于数组，它们两个的参数，第一个参数是要替换的字符串，第二个参数是替换成的字符串；而它们两个的区别在于replaceAll会将str中的所有参数一替换成参数二

10.sort的使用

function shower(){
  const numbers = [10, 5, 8, 1, 7];

  numbers.sort((a, b) => b - a); // 自定义排序函数，降序排序
  console.log(numbers); // 输出 [10, 8, 7, 5, 1]

  numbers.sort((a, b) => a - b); // 自定义排序函数，升序排序
  console.log(numbers); // 输出 [1, 5, 7, 8, 10]
}
shower()

说明：sort()方法用于对数组的元素进行排序。a-b是降序，b-a升序