• 欢迎光临~

ES6 数组筛选

开发技术 开发技术 2022-07-21 次浏览

1.使用find、filter筛选数组

  const personList = [
        { name: '刘德华', age: 56 },
        { name: '蔡徐坤', age: 25 },
        { name: '熊凤山', age: 65 }
      ]
使用find 查询出name=’刘德华‘的数据  
   const result = personList.find(r => r.name == '刘德华')
   console.log(result)  //{name: '刘德华', age: 56}
使用filter查询出name='刘德华'的数据 
   const result = personList.filter(r => r.name == '刘德华')
   console.log(result)  //{name: '刘德华', age: 56}

区别:

filter 查询不到则返回 []  空数组
find 查询不到则返回undefind

2.获取两个数组共同集合 使用some

  const personList = [
        { name: '刘德华', age: 56 },
        { name: '蔡徐坤', age: 25 },
        { name: '熊凤山', age: 65 }
      ]
const personList2 =
[
    { name: '刘德华', age: 56 },
        { name: '乌仁吉', age: 45 },
        { name: '熊凤山', age: 65 }
]
    const result = personList.filter(r => personList2.some(x => x.name == r.name));
      console.log(result) // [{"name": "刘德华","age": 56},{"name": "熊凤山","age": 65}]
 
 
 
程序员灯塔
转载请注明原文链接:ES6 数组筛选
喜欢 (0)