在上家公司工作的时候，有一个需求是在前端部分完成筛选功能，一次拿到所有数据，然后根据条件筛选。通常情况下筛选是后台给接口，在数据量不大的情况下，也有人可能会遇到前端筛选这样的情况，特别写了这篇文章分享给大家，有问题请指出，互相学习。 一般情况下的单条件筛选， 数组 的filter方法就能够满足需求，本文讨论的重点是多条件下的复合筛选，并列出了几个相关知识点。 以下是很多个

今天刚好有这个块的需求，所以记录下笔记： Arry.indexOf：此方法判断 数组中 是否存在某个值，如果存在 返回 数组 元素的下标，否则 返回 -1 //判断 数组中 是否 包含 某项值 let arr = ['5', '7', '10', '20']; let index = arr.indexOf('10'); console.log(index) //结果是2 //判断 字符 串中是否 包含 一个 字符 let str="hello word!" if(str.indexOf('10') >-1) { filter()方法创建一个新的 数组 ，新 数组中 的元素是通过检查 指定 数组中 符合条件的所有元素 不会改变原 数组 return后面判断结果，取布尔值，true的话就添入新的filter 数组中 ，false的话，不会添进filter的 数组中 var arr = [1,2,'',3,' ']; var arr2=arr.filter(function (item) { const objArr = arr.map(item => ({ [item]: item })); console.log(objArr); // [{a: 'a'}, {b: 'b'}, {c: 'c'}] map 方法会对 数组中 的每个元素执行给定的回调函数，回调函数的 返回 值将作为新 数组 的元素。在上面的例子中，回调函数会将 数组中 的每个元素转换为一个对象，其中该元素为对象的属性名和值。