关于动态插入列表中的数据，或删除行时，索引序号该如何做处理

Question

比如做一个动态插入数据的功能，一开始可能是1234 4条数据，空白行在最下方，每次添加数据，都是把整条数据加在空白行的上一行，也就是倒数第二行， 一开始序号是1234，但是假设删了第二行，序号就变成1,3,4了，请问一下解决这种问题，有没有比较好的方法能让它无论怎么删或增都是保持1234不间断？

Answer 1

你把数据都放在一个数组里，增加减少数据直接操作数组，然后把数组渲染到html中，数组的下标会根据你的增删情况自动变化的

Answer 2

首先是复杂度高的办法

删除的时候重新遍历一下，把序号改过来

优化方法

可以把序号和数据分开，删除任意一条数据删除最下面一个序号即可，这样可以减少重新渲染的数量

Answer 3

建议使用mvvm（建议用Vue.js）来加快开发速度，这种情况只要把最后一行分离出来，其它用数组来操作

Answer 4

你的数据本身是在页面还是在js数组中？
如果是在数组中，页面仅仅是用来展示的，则就是一个js数组对象的操作。
添加数组对象一般用push就自动添加到最后了。所谓的 1、2、3、4不间断不知道实际的需求是什么？

Answer 5

你表格一页显示多少条数据？
如果十几二十条数据的话，直接在添加或者删除的时候用js去生成新的序号就行了，直接简单！
我觉得生成二十个序号没什么性能问题吧（哈哈）