<>最近做了个有意思的需求, 前端实现简单的产品搜索并排序
class SearchList { constructor() { this.showList = [] // 展示的列表数据 this.list = []
// 全部的列表数据 } // 执行搜索 search(key, arr) { let arrTrueList = [], // 匹配的数据
arrFalseList= []; // 不匹配数据 arr.forEach(item => { // 判断输入值key 是否存在对象数组上面 if (this
.loopObj(key, item)) { item.showStatus = true arrTrueList.push(item) } else {
item.showStatus = false arrFalseList.push(item) } }) this.showList = arrTrueList
this.list = arrTrueList.concat(arrFalseList) return this } // 使用递归遍历所有属性判断是否
在对象里面匹配到值 借鉴js对象深拷贝的方式 loopObj(searkey, obj) { let bool = false let loop = (
searkey, obj) => { for (let key in obj) { if (String(obj[key]).trim().indexOf(
searkey) !== -1) { bool = true } if (typeof obj[key] === 'object' && obj[key]
!== null) { loop(searkey, obj[key]) } } } loop(searkey, obj) return bool; } //
获取 展示的列表 getShowList() { return this.showList } // 获取 全部的列表 getList() { return
this.list } } export default new SearchList()

技术
©2019-2020 Toolsou All rights reserved,
LinkedHashMap基本用法&使用实现简单缓存 dedecms网站被黑 劫持到其他网站如何解决苹果不送充填器耳机真为环保?可能还是为了赚钱吧图片格式转换错误总结-myBatis plus 分页numpy:多维数组的创建用C语言做很简单的飞机游戏Keras保存与加载模型(JSON+HDF5)福布斯中国汽车富豪榜:何小鹏第11 李想第14 李斌第15hive大量小文件处理方法总结