在javascript中打乱一个词

Question

我想制作一个打乱单词的系统，例如： Hello -> llHoe 。 问题是它有时在控制台中显示undefined ，我找不到任何问题。

这是我制作的代码：

 function GenerateWord() { var Words = ["Hello", "Bye", "Tree"] var RandomNumber = Math.floor((Math.random() * Words.length)); var CorrectAwnserString = Words[RandomNumber]; var CorrectAwnser = CorrectAwnserString.split(""); var WordToOrder = ""; for(i = CorrectAwnser.length; i > 0;) { let RandomLetter = Math.floor((Math.random() * i)); WordToOrder = WordToOrder + CorrectAwnser[RandomLetter]; console.log(WordToOrder) CorrectAwnser.splice(RandomLetter); console.log(CorrectAwnser) i = i - 1; } document.getElementById("OriginalWord").innerHTML = CorrectAwnserString; document.getElementById("MessedWord").innerHTML = WordToOrder; } GenerateWord();

 <div id="OriginalWord"></div> <div id="MessedWord"></div>

Answer 1

错误似乎与您拼接字符串的方式有关。 您需要指定应删除多少个元素。 我把你的代码打乱了一点，把它放在更多的控制台日志中，它看起来像这样：

for(i = CorrectAwnser.length; i > 0;) {
    let RandomLetter = Math.floor((Math.random() * i));
    WordToOrder = WordToOrder + CorrectAwnser[RandomLetter];
    console.log(CorrectAwnser,RandomLetter,CorrectAwnser[RandomLetter]);
    console.log(WordToOrder)
    CorrectAwnser.splice(RandomLetter); // should be CorrectAwnser.splice(RandomLetter, 1); 
    i = i - 1;
}
console.log({CorrectAwnserString,WordToOrder});

上面的代码给出了以下结果：

[ 'T', 'r', 'e', 'e' ] 1 r
r
[ 'T' ] 0 T
rT
[] 0 undefined
rTundefined
[] 0 undefined
{ CorrectAwnserString: 'Tree', WordToOrder: 'rTundefinedundefined' }

将 splice 语句更新为CorrectAwnser.splice(RandomLetter, 1); 日志如下：

[ 'T', 'r', 'e', 'e' ] 3 e
e
[ 'T', 'r', 'e' ] 0 T
eT
[ 'r', 'e' ] 0 r
eTr
[ 'e' ] 0 e
eTre
{ CorrectAwnserString: 'Tree', WordToOrder: 'eTre' }

Answer 2

如果您编写CorrectAwnser.splice(2) ，它将删除 2 个元素，而不是第二个元素。 这就是为什么您的拼接删除了多个元素，并且有时在循环结束之前CorrectAwnser变为空的原因。

你应该写

CorrectAwnser.splice(RandomLetter, 1)

Answer 3

您可以使用String.prototype方法，因为它将返回一个字符串数组（很酷，不需要生成一个！）。 同样要随机化字符串字符，您可以以特定方式使用Math.random函数......

见 =>

String.prototype.randomize = function() {
  let array = Array.from(this).map((val, index) => this[index]);
  array.sort(() =>  0.5 - Math.random());
  const string = array.reduce((string, word)  =>  string += word, "");
  return string;
};

let str = "Overflow";
str = str.randomize();
console.log(str);

你可以在任何字符串数据类型上使用这个方法..所以我认为你现在可以处理它