js按条件筛选数据

1、filter() 返回符合筛选条件的所有元素

 //  filter()  不改变原数组 , 不会对空数组进行检测   

let arr1 = [{
    id:1,
    name:'aa',
    desc: 'aaaa'
 },{
    id:2,
    name:'bb'
  },{
     id:3,
     name: 'aa'
 }]
let arr4 = arr1.filter(item=>item.name === 'aa')
console.log( 'arr2',arr2) // arr2   [{id:1,name:'aa', desc:'aaaa'},{id:3,name:'aa'}] 

2、find() 返回符合测试条件的第一个数组元素值

// find()  对于空数组，函数是不会执行的。
// find()  不会改变原数组
let arr5 = [1,2,1,3,4,5]
let arr6 = arr5.find(item=>item===1)
console.log(arr6, 'arr6')  // 1 arr6

let arr1 = [{
    id:1,
    name:'aa',
    desc: 'aaaa'
 },{
    id:2,
    name:'bb'
  },{
     id:3,
     name: 'aa'
 }]
let arr7 = arr1.find(item=>item.name === 'aa')
console.log(arr7, 'arr7') // {id:1,name:'aa',desc:'aaaa'} arr7

3、some 用于检测数组中的元素是否满足指定条件

//some方法会依次执行数组的每个元素-如果有一个元素满足条件(即只要有条件满足即可相当于或)，则表达/式返回true , 剩余的元素不会再执行检测, 如果没有满足条件的元素，则返回false
testSome() {
      const arr1 = [{ name: 'name1', id: 1 }, { name: 'name2', id: 2 }, { name: 'name3', id: 3 }, { name: 'name5', id: 5 }]
      const arr2 = [{ name: 'name1', id: 1 }, { name: 'name2', id: 2 }, { name: 'name3', id: 3 }, { name: 'name4', id: 4 }, { name: 'name5', id: 5 }]
      const result = arr2.filter(function (v) {
        return arr1.some(n => JSON.stringify(n) === JSON.stringify(v))
      })
      console.log(result) // [{ name: 'name1', id: 1 },{ name: 'name2', id: 2 },{ name: 'name3', id: 3 },{ name: 'name5', id: 5 }]
    },

4、every() 方法用于检测数组所有元素是否都符合指定条件

// 1. every() 方法使用指定函数检测数组中的所有元素-如果数组中检测到有一个元素不满足，则整个表达式返回 false ，且剩余的元素不会再进行检测 , 如果所有元素都满足条件，则返回 true 
let everyArr = [1,2,3,4]
let everyArr2 = everyArr.every(item=>item===1)
console.log(everyArr2, 'everyArr2') //false "everyArr2"

// 2. every()方法还可用于对象数组取差集
testEvery() {
      let arr1 = [{ name: 'name1', id: 1 }, { name: 'name2', id: 2 }, { name: 'name3', id: 3 }]
      let arr2 = [{ name: 'name1', id: 1 }, { name: 'name4', id: 4 }, { name: 'name5', id: 5 }]
      let result = arr1.filter(function (v) {
        return arr2.every(n => JSON.stringify(n) !== JSON.stringify(v))
      })
      console.log(result)// [ { name: 'name2', id: 2 }, { name: 'name3', id: 3 } ]
    }