es6筛选和模糊查询

最新推荐文章于 2022-11-21 10:08:12 发布

AS、SD

最新推荐文章于 2022-11-21 10:08:12 发布

阅读量1.4k

点赞数 1

分类专栏： js 文章标签： filter javascript

本文链接：https://blog.csdn.net/qq_42988102/article/details/117551427

版权

js 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

本文介绍了使用 ES6 的 filter 方法进行精确匹配和模糊查询数据的方法。示例中展示了如何通过 indexOf 和 includes 方法实现对数组中对象属性的模糊查询，帮助开发者在数据过滤场景下提高效率。

摘要由CSDN通过智能技术生成

es6筛选


let arr = [
   {name:'小明',age:20},
   {name:'小红',age:18},
   {name:'小亮',age:16},
]
arr.filter(item => item.name=== '小明' )  //{name: "小明", age: 20}

es6模糊查询

方法一：

let arr = [
   {name:'小明',age:20},
   {name:'小明1',age:20},
   {name:'1小明',age:20},
   {name:'1小明1',age:20},
   {name:'小红',age:18},
   {name:'小红1',age:18},
   {name:'1小红',age:18},
   {name:'1小红1',age:18},
   {name:'小亮',age:16},
   {name:'小亮1',age:16},
   {name:'1小亮',age:16},
   {name:'1小亮1',age:16},
]
let data = [];
arr.filter(item => item.name.indexOf('小明') != -1)
console.log(data)//[{name: "小明", age: 20},{name: "小明1", age: 20},{name: "1小明", age: 20}, {name: "1小明1", age: 20}]

方法二：

let arr = [
   {name:'小明',age:20},
   {name:'小明A',age:20},
   {name:'小明B',age:20},
   {name:'小红',age:18},
   {name:'小红A',age:18},
   {name:'小红B',age:18},
   {name:'小亮',age:16},
   {name:'小亮A',age:16},
   {name:'小亮B',age:16},
]
let data = [];
data= arr.filter(item => {
    return item.name.includes('A');
});
console.log(data) // {name: "小明A", age: 20},{name: "小红A", age: 18},{name: "小亮A", age: 16}