javascript - JS:使用嵌套循环反转字符串不起作用

我编写了一个名为reverseStr的函数，该函数将字符串作为参数并返回该字符串，但字符相反。

例如：reverseStr('bootcamp'); => 'pmactoob'

以下是我的程序：

function reverseStr(str)
{
	var splitStr = str.split("");
	console.log(splitStr);
	var reverseString = [];
	for(var i = 0; i <= splitStr.length -1 ; i++)
	{
		for(var j = splitStr.length - 1; j >= 0; j--)
		{
			reverseString[i] = splitStr[j]
		}
	}

	return reverseString.toString().replace(/[&\/\\#,+()$~%.'":*?<>{}]/g, '');
}

如果我运行函数reverseStr("bootcamp")，它将返回bbbbbbbb。
有人看到代码有问题吗？

注意：我不想使用REVERSE()内置功能

但是，我发现以下代码成功了，但仍然需要回答我的第一个问题

function reverseStr(str)
{
	var splitStr = str.split("");
	reverseStr = "";
	for(var i = splitStr.length - 1; i >= 0 ; i = i - 1)
	{
		reverseStr += splitStr[i];
	}

	return reverseStr;
}

最佳答案

您不需要在字符中重复两次，即不需要嵌套for循环。迭代一次并以相反的顺序获取字符，如下所示：

function reverseStr(str)
{
    var splitStr = str.split("");
    console.log(splitStr);
    var reverseString = [];
    for(var i = 0, j=splitStr.length-1; i <= splitStr.length -1 ; i++, j--)
    {
            reverseString[i] = splitStr[j]
    }

    return reverseString.toString().replace(/[&\/\\#,+()$~%.'":*?<>{}]/g, '');
}

您可以看到这里的循环持续了i <= splitStr.length -1的时间，即字符串的长度。这足以获取镜像字符（i与Array.length-i）。

这是一个演示的工作片段：

var reverseStr = function(str) {
  let result = String();
  for(let i = str.length-1; i >= 0; i--) {
    result += str.charAt(i);
  }
  return result.replace(/[&\/\\#,+()$~%.'":*?<>{}]/g, '');
}
$('button').click(function() {
  $('.result').text(reverseStr($('#str').val()));
});

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <input type="text" id="str">
    <button>Reverse it</button>
    <div class="result"></div>

也许更优雅的方法（除了Array.prototype.reverse（）之外）可以使用String.prototype.chatAt()。这样可以避免在数组之间进行两次转换，也可以节省一个变量。当然，该代码在执行过程中更短，更明显。

var reverseStr = function(str) {
  let result = String(); // An empty string to store the result
  for(let i = str.length-1; i >= 0; i--) { // Iterate backwards thru the chars and add to the result string
    result += str.charAt(i);
  }
  return result.replace(/[&\/\\#,+()$~%.'":*?<>{}]/g, ''); // Original return method of the author
}
$('button').click(function() {
  $('.result').text(reverseStr($('#str').val()));
});

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <input type="text" id="str">
    <button>Reverse it</button>
    <div class="result"></div>