我有一个HTML表格,用于存储任务版本。以下示例行:
1.0 Task 1
1.1 Task 1.1
1.1.1 Task 1.1.1
1.1.2 Task 1.1.2
1.2.0 Task 1.2.0
1.2.1 Task 1.2.1
例如,我希望能够在1.1.1之后插入新任务,因此将添加新的1.1.2,其余子值将递增:
1.0 Task 1
1.1 Task 1.1
1.1.1 Task 1.1.1
1.1.2 Task 1.1.2 - New entry
1.1.3 Task 1.1.3
1.2.0 Task 1.2.0
1.2.1 Task 1.2.1
我试图弄清楚如何用Javascript存储这些数据,以便可以轻松地在结构中的任何位置添加或什至删除。
有什么想法或建议吗?
使用地图的解决方案
只想在Google树上张贴并碰到地图
let map = new Map();
map.set('1.1.1', 'Task 1.1.1');
map.set('1.2.0', 'Task 1.2.0');
map.set('1.1', 'Task 1.1');
map.set('1.1.2', 'Task 1.1.2');
map.set('1.2.1', 'Task 1.2.1');
map.set('1.0', 'Task 1.0');
var mapAsc = new Map([...map.entries()].sort());
const elem = document.querySelector('#content');
let items = '';
for (let item of mapAsc.keys()) {
items += item + '\r\n ';
}
elem.innerText = items;
输出:
1.0
1.1
1.1.1
1.1.2
1.2.0
1.2.1
我的JSFiddle enter link description here