js for循环怎么实现如下输出？

Question

js for循环怎么实现如下输出

let arr = new Array(10)
for(let i = 0; i < arr.length; i++){
  // 循环打印输出如下 
  // [1,1,1,2,2,2,3,3,3,4]  三个三个一组
  // [1,2,3,1,2,3,1,2,3,1]  1 2 3一组
}

Answer 1

console.log(new Array(10).fill(0).map((_, i) => Math.ceil((i + 1) / 3)))

console.log(new Array(10).fill(0).map((_, i) => (i % 3) + 1))

Answer 2

let arr1 = new Array(10).fill(0); // 创建长度为10的数组，并填充为0
let arr2 = new Array(10).fill(0);

// 第一种情况：三个三个一组
for (let i = 0; i < arr1.length; i++) {
  arr1[i] = Math.floor(i / 3) + 1; // 通过除以3取整来确定每组的数字
}
console.log(arr1); // 输出 [1, 1, 1, 2, 2, 2, 3, 3, 3, 4]

// 第二种情况：1 2 3一组
for (let i = 0; i < arr2.length; i++) {
  arr2[i] = (i % 3) + 1; // 使用取余运算确定每组的数字
}
console.log(arr2); // 输出 [1, 2, 3, 1, 2, 3, 1, 2, 3, 1]

Answer 3

根据你的需求，可以编写以下两种不同逻辑的JavaScript for循环实现：
情况一：输出[1,1,1,2,2,2,3,3,3,4]

let arr = new Array(10);
let groupNum = 0;
for (let i = 0; i < arr.length; i++) {
  arr[i] = Math.floor((i / 3) + 1); // 计算索引对应组内的数字
}

console.log(arr);

情况二：输出[1,2,3,1,2,3,1,2,3,1]

let arr = new Array(10);
let cycleLength = 3;
for (let i = 0; i < arr.length; i++) {
  arr[i] = (i % cycleLength) + 1; // 计算索引模3的结果加1，得到1到3的循环数字
}

console.log(arr);

在这两种情况下，我们都没有直接对数组进行初始化，而是通过循环直接修改数组元素的值，达到你所需要的效果。第一种情况是根据索引除以3取整数部分加1得到结果，第二种情况是根据索引对3取模后加1得到循环数字。