js 封装一个类java的array-list

初衷

之前java开发安卓APP的时候,感觉其中的ArrayList的API比较好用的。

就想能否用js封装一个类似的类,更好的进行数组操作呢。

因为前端经常后端返回的列表数组进行增删改查乱序,排序等操作,如果能有一个封装的类来代替

预期是相对原生的API的操作还是能提高点效率的。 例如:左滑操作显示删除某个元素 原生:list.splice(index,1)再此之前还要获取到index.有时候index不一定准确。而用了该ArrayList后可以:mList.remove(index)或者mList.remove(item)移除整个对象。
排序/打乱顺序:原生:list.sort(…)其实排列demo级别如纯数字数组[1,2,3,7,23,6]这样的还行。但是如果是对数组对象进行排序,如果有超过10项,速度就很明显慢下来;所以ins-array-list针对此进行了优化,内部使用希尔排序来做排序和乱序,经测试执行速度很快:mList.sort(…);mList.shuffle();

简单介绍

主要涉及以下API,用到方法重载,数组越界等边界报错处理,具体看README

npm package:ins-array-list

simple array list implementation in javascript like java

$ npm install ins-array-list --save
 const ArrayList=require('ins-array-list')
 const testList = [
      {
        id: 1,
        name: 'Alicy',
        gender: 2
      },
      {
        id: 2,
        name: 'Anna',
        gender: 2
      },
      {
        id: 3,
        name: 'Tom',
        gender: 1
      }
    ]
   let mList = new ArrayList(testList, 'id')//id为对象的主键,任何一个API操作涉及对象的重复,添加或删除等操作等确认动作都会用到这个id.
   //例如继续添加id=1的数据会报错
   //以下用add简单介绍下api
   mList.add({id:1,name:'Steve',gender:1})//=>throw error mList.size==3
   mList.add({id:4,name:'Steve',gender:1})//=>true mList.size()==4
   mList.add(1,{id:5,name:'Miya,gender:2}),//=>true 在index=1添加id=5的对象
   //更多api 伪代码
   mList.addAll(subList)
   mList.addAll(index,subList)
   mList.remove(index)
   mList.remove(item)
   mList.removeIf(predicator)
   mList.subList(formIndex,toEndIndex)
   mList.sort()
   mList.shuffle()
   mList.iterate(iterator)
   mList.contains(item)
   mList.isEmpty()
   mList.clear()
   mList.get(index)
   mList.set(index,item)
   mList.size()
   //特别说明
   mList.source属性可能获取到最新的对象数组
  

具体使用可以看npm
或者Github里的README enjoy!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值