js实现序号

实现序号的方法

在JavaScript中，可以通过多种方式实现序号生成，以下是几种常见的方法：

使用循环生成序号数组

通过for循环或Array.from生成一个包含序号的数组：

const length = 5;
const indices = Array.from({length}, (_, i) => i + 1);
// 结果: [1, 2, 3, 4, 5]

遍历数组时添加序号

使用map方法为数组元素附加序号：

const items = ['a', 'b', 'c'];
const indexedItems = items.map((item, index) => ({
  id: index + 1,
  value: item
}));
// 结果: [{id:1, value:'a'}, {id:2, value:'b'}, {id:3, value:'c'}]

为DOM元素动态添加序号

在渲染列表时自动生成序号：

document.querySelectorAll('.item').forEach((el, i) => {
  el.textContent = `${i + 1}. ${el.textContent}`;
});

生成字母序号

将数字转换为字母序号（如Excel列标）：

function toAlpha(num) {
  let s = '';
  while (num > 0) {
    const m = (num - 1) % 26;
    s = String.fromCharCode(65 + m) + s;
    num = Math.floor((num - 1) / 26);
  }
  return s;
}
// toAlpha(1) -> 'A', toAlpha(26) -> 'Z'

自定义格式化序号

实现带前缀的复杂序号格式：

function formatIndex(n) {
  return `No.${n.toString().padStart(3, '0')}`;
}
// formatIndex(5) -> "No.005"

这些方法可以根据实际场景选择使用，数字序号适合大多数列表场景，字母序号适合分类标记，自定义格式化则适用于需要特定显示格式的情况。