filter() find()filterIndex()的区别js

filter()：过滤数组中所有满足条件的值
find()：从数组查找第一个满足条件的值，找到第一个值就结束查找
findIndex()：从数组查找第一个满足条件的值的下标

  var test=res.data.data.filter((x) => x.name == "主城区");
           console.log(test,3333)//
            var test2 = res.data.data.find((x) => x.name == "主城区");
            console.log(test2,3333444)

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

filter() 不会对空数组进行检测。

filter() 不会改变原始数组。

find()找到第一个符合条件的值就 返回符合条件的元素，之后的值不会再调用执行函数。
如果没有符合条件的元素返回 undefined

find() 对于空数组，函数是不会执行的。
find() 并没有改变数组的原始值。

例1：filter 查找出大于3的值

 var testFilter=[1,2,3,4,5,1,2,8]
          var filterData=testFilter.filter((x)=> x>3)
          console.log(filterData,5555)//[3,4,8]，返回的是一个数组，返回所有大于3的值

例1：find查找出大于3的值

 var testFind=[1,2,3,4,5,1,2,8]
          var findData=testFind.find((x)=> x>3)
          console.log(findData,666) //4,返回的是数组中第一个大于4的值