时间戳

首页 > 解决方案 > 如何在 javascript 中使用 textarea 打乱数字

javascript - 如何在 javascript 中使用 textarea 打乱数字

问题描述

如果我像这样将数字放入文本区域：

418484
418485
418486

我希望他们被洗牌，我想要这样的输出：

418485
418484
418486

我不想改变这些值——我只想要一些 JavaScript 或 jQuery 来打乱这些数字并在我的网页中给我结果。

标签： javascriptjqueryhtmlarraysshuffle

解决方案

我从这个答案中找到了这个很棒的随机播放功能：

function shuffle(array) {
  var currentIndex = array.length, temporaryValue, randomIndex;

  // While there remain elements to shuffle...
  while (0 !== currentIndex) {

    // Pick a remaining element...
    randomIndex = Math.floor(Math.random() * currentIndex);
    currentIndex -= 1;

    // And swap it with the current element.
    temporaryValue = array[currentIndex];
    array[currentIndex] = array[randomIndex];
    array[randomIndex] = temporaryValue;
  }

  return array;
}

从那里，您可以简单地获取<textarea>' 输入的值，并根据换行符对其进行拆分：

var numbers = document.getElementById("numberInput").value.split("\n");

或者，如果您更喜欢空格：

var numbers = document.getElementById("numberInput").value.split(" ");

然后，只需将其传递给函数：

var shuffledNumbers = shuffle(numbers);

并通过迭代它们并将它们写入文档来在页面上显示它们：

shuffledNumbers.forEach(function(currentNumber) {
    document.write(currentNumber + "<br />");
})

你去吧！

编辑：

如果您想在另一个中显示洗牌后的数字<textarea>：

var output = document.getElementById("output");
shuffledNumbers.forEach(function(currentNumber) {
    output.innerHTML += currentNumber + "\n";
})

推荐阅读