JavaScript 将大量数据拆分为多个列表，每组 500 条数据

可以使用 JavaScript 中的 slice() 方法将数据拆分成多个子数组，然后使用 map() 方法将每个子数组构建成一个列表。

下面是一个示例代码：

// 假设数据存储在一个名为 data 的数组中
let data = [...]; // 数组中包含几万条数据

// 定义每组的大小
const groupSize = 500;

// 使用 slice() 方法将数据拆分成多个子数组
let groups = [];
for (let i = 0; i < data.length; i += groupSize) {
  groups.push(data.slice(i, i + groupSize));
}

// 使用 map() 方法将每个子数组构建成一个列表
let lists = groups.map(group => {
  let list = document.createElement('ul');
  group.forEach(item => {
    let listItem = document.createElement('li');
    listItem.textContent = item;
    list.appendChild(listItem);
  });
  return list;
});

// 将列表添加到页面中的某个元素中
let container = document.getElementById('container');
lists.forEach(list => {
  container.appendChild(list);
});

上述代码将数据拆分成多个大小为 500 的子数组，然后使用 map() 方法将每个子数组构建成一个 <ul> 列表，并将每个列表添加到页面中 id 为 container 的元素中。