JS新手求助：如何自动生成索引实现SotiLink数组批量赋值优化

你需要生成一个包含100个元素的数组，每个元素对应<MCLinkN>（N从0到99），下面是几种简单有效的实现方式：

方法一：使用Array.from（推荐） #

Array.from可以直接基于指定长度生成数组，并同时完成元素映射，写法简洁高效：

const SotiLink = Array.from({ length: 100 }, (_, index) => `<MCLink${index}>`);

第一个参数{ length: 100 }定义数组长度，第二个映射函数中的index就是当前元素的索引，直接返回对应格式的字符串即可。

方法二：使用Array.fill + map #

直接用Array(100)创建的是仅包含长度的空数组，map不会遍历空元素，所以需要先用fill填充占位值，再进行元素映射：

const SotiLink = Array(100).fill().map((_, i) => `<MCLink${i}>`);

方法三：for循环（直观易理解） #

如果觉得高阶函数写法抽象，用基础for循环也能实现，逻辑和你手动赋值完全一致，只是自动化了重复操作：

const SotiLink = [];
for (let i = 0; i < 100; i++) {
  SotiLink[i] = `<MCLink${i}>`;
}

为什么你之前的代码没生效？ #

• 第一种写法里，你把SLink和MCLink两个数组用+拼接，本质是将数组转为字符串后合并，并不是给SotiLink数组的索引赋值，最终得到的只是一串拼接后的字符串，不是目标数组。
• 第二种设想的写法不符合JS语法规范，JS不支持SotiLink[...Array(100).keys()] = ...这种批量给多个索引赋值的方式，语法本身不成立。

内容的提问来源于stack exchange，提问作者Weasley