需要帮助扭转一串单词

Question

当我在函数中传递以下字符串作为参数时，如何获得以下输出？

• 输入："Reverse this line"

• 输出："esreveR siht enil"

这是我的代码

function reverseWords(string) {
    var wordArray = string.split(" ");
    var resultWordArray = [];
    var requiredSentance;
    wordArray.forEach(word => {
        if (word == " ") {
            var space = " ";
            resultWordArray.push(space);
        } else {
            var SplittedWord = word.split("");
            var reversedWordsLettersArray = [];
            SplittedWord.forEach(letter => {
                reversedWordsLettersArray.unshift(letter);
                var reversedWord = reversedWordsLettersArray.join("");
                resultWordArray.push(reversedWord);
            })
        }
    })
    var resultSentance = resultWordArray.join(" ");
    console.log(resultSentance);
}
reverseWords("Reverse this line");

将其作为输出返回：

"R eR veR eveR reveR sreveR esreveR t ht iht siht l il nil enil"

我在这里错过了什么？

Answer 1

您可以将字符串拆分为单词并映射每个单词，将其拆分为字符数组并反转数组，然后将单词重新组合成单​​个字符串。像这样：

string.split(' ').map(s => s.split('').reverse().join('')).join(' ')

解释代码：

string.split(' ')

这一行将整个字符串拆分为单词数组，"Reverse this line" 变为 ["Reverse", "this", "line"]（注意空格已消失）。请记住，双空格仍会被拆分为一个空格。

由于我们现在有一个数组，您可以使用.map 函数迭代整个字符串。它的工作方式类似于您尝试使用.forEach 的方式，不同之处在于.map 函数将返回一个新数组，其中包含在.map 回调函数的每次迭代中返回的修改值。确保返回一些东西，否则值将是undefined！如上例所示，ES2015+ 中的箭头函数具有隐式返回，但如果您要使用 => {...}，则该块需要显式的 return 语句才能工作。

.map函数回调的代码

s => s.split('').reverse().join('')

接收s，这是来自上述数组的单个单词，将单词按空字符串拆分，这是将字符串拆分为字符的解决方法。例如，"Reverse" 变为 ["R", "e", "v", "e", "r", "s", "e"]。 .reverse() 函数的名称非常具有描述性，它只是反转数组。不过要小心！它会改变数组，因此如果您在随机数组上调用 .reverse() 函数，它将从该行开始反转。如果您不小心，这可能会导致一些问题。最后，.join('') 将反转的字符数组放回单个字符串单词中。

最后，最后的 .join(' ') 将映射数组（现在包含反转的单词）与中间的空格一起放回原处，类似于 .join('') 将字符数组放回单个单词的方式。

Answer 2

具体使用您的代码，您将非常接近您想要做的事情。您只需将reversedWord 变量的声明移出forEach 循环，在forEach 循环内更新，最终将使用整个反向单词定义。

function reverseWords(string) {

var wordArray = string.split(" ");
var resultWordArray = [];
var requiredSentance;

wordArray.forEach(word => {

  if (word == " ") {
    var space = " ";
    resultWordArray.push(space);

  } else {
    var SplittedWord = word.split("");
    var reversedWordsLettersArray = [];
    var reversedWord; //define variable here 

    SplittedWord.forEach(letter => {
      reversedWordsLettersArray.unshift(letter);
      reversedWord = reversedWordsLettersArray.join("");
    })
    resultWordArray.push(reversedWord); // push it here
  }
})

var resultSentance = resultWordArray.join(" ");
  console.log(resultSentance);
}


reverseWords("Reverse this line");

Answer 3

这是一个有趣的方法，不需要调用.map()，如果您跳出框框思考一下字符串处理：

function reverseWords(string, delimiter = ' ') {
  return string
    .split('').reverse().join('')
    .split(delimiter).reverse().join(delimiter);
}

console.log(reverseWords('Reverse this line'));

如果您在第一遍中逐个字符地反转，则可以通过单词分隔符（在本例中为' '）拆分字符串，并在第二遍中将单词反向以将它们放回原始顺序.

在对这种方法进行基准测试后，我发现it is twice as fast as the currently accepted answer。

此函数的另一个不错的功能是您可以将单词分隔符指定为可选的第二个参数：

function reverseWords(string, delimiter = ' ') {
  return string
    .split('').reverse().join('')
    .split(delimiter).reverse().join(delimiter);
}

console.log(reverseWords('Reverse	this	line', '\t'));

Answer 4

这是一个递归方法，只在字符串上迭代一次：

function reverseWords(string){
  return (function f(str, i, reversed){
    if (!str[i])
      return reversed;

    if (str[i] == ' ')
      return reversed + ' ' + f(str, i + 1, '');

    return f(str, i + 1, str[i] + reversed);
  })(string, 0, '');
}

console.log(reverseWords("Reverse this line"));