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