实现一个 query 方法,实现对数据的链式查询和处理

要求
query 传入参数为原始数据(数组格式,每个元素都是对象)
通过进行链式调用对数据执行操作,支持的方法有where(predicate): 根据参数的条件进行筛选,参数与 [].filter 的参数类似
orderBy(key, desc): 根据 key 的值进行排列,默认升序排列,当第二个参数为 true 时降序排列
groupBy(key): 根据 key 的值对数据元素进行分组,合并为二维数组
execute(): 执行所有处理并返回最终结果
执行 execute 方法时才真正执行操作并返回结果
请结合下面示例理解需求
示例
const data = [
{ name: ‘foo’, age: 16, city: ‘shanghai’ },
{ name: ‘bar’, age: 24, city: ‘hangzhou’ },
{ name: ‘fiz’, age: 22, city: ‘shanghai’ },
{ name: ‘baz’, age: 19, city: ‘hangzhou’ }
];

query(data)
.where(item => item.age > 18)
.orderBy(‘age’)
.groupBy(‘city’)
.execute();

// 结果返回
[
[
{ name: ‘baz’, age: 19, city: ‘hangzhou’ },
{ name: ‘bar’, age: 24, city: ‘hangzhou’ },
],
[
{ name: ‘fiz’, age: 22, city: ‘shanghai’ },
]
]

直接上代码
function query(arr){
  function myArray(){}
  let myProto = myArray.prototype;
  if(Object.prototype.toString.call(arr).slice(8,-1)!==='Array') {
  	return console.error('must be an array')
  }
  myArray.prototype.where = function(){
  	 list = list.filter(cb);
     return { ...myProto };
  }
   myArray.prototype.orderBy = function (key) {
          list = list.sort((a, b) => a[key] - b[key]);
          return { ...myProto };
        };
        myArray.prototype.groupBy = function (key) {
          let ls = [];
          let group = list.reduce((pre, item) => {
            pre[item[key]] = [...(pre[item[key]] || []), item];
            return pre;
          }, {});
          list = [];
          for (let key in group) {
            list.push(group[key]);
          }
          return { ...myProto };
        };
        myArray.prototype.execute = function (key) {
          return list;
        };
        return { ...myProto };
}
   let res = query(data)
        .where((item) => item.age > 18)
        .orderBy("age")
        .groupBy("city")
        .execute();
      console.log(res);
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值