js 封装一个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,用到方法重载,数组越界等边界报错处理

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!

你可能感兴趣的:(js 封装一个array-list)