我需要创建一个无限循环

Question

出于我的目的，我需要创建一个循环，其中一个变量以这种方式循环： 0, 1, 2, 3, 4, 3, 2, 1, 0, 1, 2, 3, 4, 3, 2, 1...

这看起来很简单，但我想知道如何做一个多小时。我的目的就是这样移动星星

*....
.*...
..*..
...*.
....*
...*.
..*..
.*...
*....
*....
.*...
..*..
...*.
....*

Answer 1

您可以使用 setTimeout 或 setInterval 来执行此操作：

let number = 0;
let increment = 1;
const from = 0;
const to = 4;

const starDiv = document.getElementById("star");

function printStar(number) {
  const text = [0, 1, 2, 3, 4].map(
    i => (i === number) ? '*' : '-'
  ).join('');
  starDiv.innerText = text;
}

function loop() {
  printStar(number);
  number += increment;

  if (number == to) {
    increment = -1;
  } else if (number == from) {
    increment = 1;
  }
}

const time = 10; // 10 millisecond between step
setInterval(loop, time);

<div id="star">
</div>

Answer 2

将该循环编写为生成器 (function *... yield)，然后在需要时使用它 (for...of)。当然，消费代码必须提供一些终止条件。

function* bounce(min, max) {
  while (1) {
    for (let i = min; i < max; i++)
      yield i;
    for (let i = max; i > min; i--)
      yield i;
  }
}

STEPS = 10

for(let x of bounce(0, 4)) {
  console.log(x)
  if (--STEPS === 0) break;
}

Answer 3

您可以使用以下代码生成您需要的数字模式。但是，您无法无限地运行它，因为它会使浏览器崩溃。

如果你想测试，我已经添加了使循环无限的指令。

根据您的要求，rep 变量的较大值就足够了。

let min = 0; // Start/min value
let max = 4; // Max value
let dir = 1; // Count direction (+1/-1)

let counter = min; // Your counter variable

let rep = 24; // Remove this line and change condition inside while to true for infinite loop

do {
  console.log(counter);

  dir = counter===max?-1:counter===min?1:dir;
  counter+=dir;
} while (rep-->0); // Change this expression to true for infinite loop

Answer 4

您可以有一个简单的计数器，然后使用 modulo 8 进行迭代。

let x = (i += direction) % 8;
let y = x > 4 ? 8 - x : x;

这个例子甚至打印了 ascii 艺术 ;)

let i = -1;
let direction = +1;
const out = [
  "*....",
  ".*...",
  "..*..",
  "...*.",
  "....*",
  "...*.",
  "..*..",
  ".*...",
  "*....",
];
setInterval(function() {
  let x = (i += direction) % 8;
  let y = x > 4 ? 8 - x : x;
  window.document.write(y + " " + out[x] + "<br>");
}, 1000);

Answer 5

(function(min,max,max_loops)
{
    for(var loop = 1; loop <= max_loops; loop++, [min,max] = [-max,-min])
    {
        for(num = min; num < max + (loop == max_loops); num++)
        {
            console.log(".".repeat(Math.abs(num)) + "*" +  ".".repeat(Math.max(Math.abs(max),Math.abs(min)) - Math.abs(num)))
        }
    }
})(0,4,3)

但由于需要无限循环，使用生成器应该更合适

我需要创建一个无限循环

I need to create an infinite loop

javascript

loops

infinity