如何在我的代码中停止无限循环？

Question

所以我是新手，我试图在反应中创建一个滑动拼图，到目前为止，我有一个数组，我试图洗牌，循环在哪里，我使用 lodash 将数组分成四个。但是我需要停止在 newArr 上运行的循环，任何可以帮助我理解如何做到这一点的人？当我将页面更新为 newArr 时，它会运行多次，并且当我使用 shuffle btn 对图块板进行洗牌时，我该如何编写以便 getShuffledArr 在更新或洗牌时只运行一次？const sortedArray = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15];const getShuffledArr = () => {  const newArr = sortedArray.slice();  for (let i = newArr.length - 1; i > 0; i--) {    const rand = Math.floor(Math.random() * (i + 1));    [newArr[i], newArr[rand]] = [newArr[rand], newArr[i]];    console.log("newArr", newArr);  }  let newPuzzle = newArr  return newPuzzle};const newPuzzle = getShuffledArr()// this gives four arrays of the shuffled oneconst newPuzzleArr = () => {  let puzzleArr = _.chunk(newPuzzle, 4)  console.log("getNewArray", puzzleArr);  return puzzleArr}newPuzzleArr()<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.15/lodash.js"></script>

Answer 1

由于您已经在使用 lodash 那么您可以使用该_.shuffle(arr)方法。 https://lodash.com/docs/4.17.15#shuffle