高效生成JavaScript数组：[1,1,1,2,2,2,3,3,3,4]和[1,2,3,1,2,3,1,2,3,1]
本文介绍两种高效生成特定javascript数组的方法，目标数组分别为[1,1,1,2,2,2,3,3,3,4]和[1,2,3,1,2,3,1,2,3,1]。 我们将利用array.prototype.fill和array.prototype.map方法，避免冗长的for循环，提升代码简洁性和可读性。
![JavaScript数组循环输出：如何更巧妙地生成[1,1,1,2,2,2,3,3,3,4]和[1,2,3,1,2,3,1,2,3,1]？](https://img.php.cn/upload/article/001/246/273/174099120323646.jpg)
方法一：生成[1,1,1,2,2,2,3,3,3,4]
此数组的特点是每个数字重复三次，依次递增。我们可以通过计算索引并向上取整来实现：
console.log(Array(10).fill(0).map((_, i) => Math.ceil((i + 1) / 3)));
代码首先创建一个长度为10的数组并用0填充。map方法迭代每个元素，Math.ceil((i + 1) / 3)计算索引i对应的数字。i + 1是为了从1开始计数，除以3得到重复次数，Math.ceil向上取整得到最终结果。
立即学习“Java免费学习笔记（深入）”；
方法二：生成[1,2,3,1,2,3,1,2,3,1]
此数组的特点是1, 2, 3循环重复。我们可以使用模运算符%来实现循环：
console.log(Array(10).fill(0).map((_, i) => (i % 3) + 1));
代码同样创建一个长度为10的数组并用0填充。map方法迭代每个元素，i % 3计算索引i除以3的余数(0, 1, 2)，加1后得到1, 2, 3的循环序列。
总结
通过Array.prototype.fill和Array.prototype.map的巧妙结合，我们高效地生成了目标数组，代码简洁易懂，避免了繁琐的for循环，提升了代码的可维护性和可读性。 这两种方法充分利用了JavaScript数组方法的特性，是处理此类规律性数组生成问题的最佳实践。
