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数组方法处理规律性数组生成的最佳实践，是学习JavaScript数组操作的优秀教程。

高效生成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循环，提升代码简洁性和可读性。

方法一：生成[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向上取整得到最终结果。

方法二：生成[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数组方法的特性，是处理此类规律性数组生成问题的最佳实践。

以上就是本文的全部内容了，是否有顺利帮助你解决问题？若是能给你带来学习上的帮助，请大家多多支持golang学习网！更多关于文章的相关知识，也可关注golang学习网公众号。