如何在javascript中使用textarea改写数字

时间:2018-12-08 19:51:54

标签: javascript jquery html arrays shuffle

如果我将数字这样输入文本区域:

418484
418485
418486

我希望他们被改组,并且我想要这样的输出:

418485
418484
418486

我不想更改值-我只想要一些JavaScript或jQuery,它们可以将这些数字改组并在网页上提供给我结果。

1 个答案:

答案 0 :(得分:1)

我从this answer发现了一个很棒的随机播放功能:

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";
})