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!

最后编辑于：2019.04.15 09:48:12