字符串反转_JavaScript
今天在freeCodeCamp上面刷题，碰到一题是有关于字符串反转。反转一个字符串是JavaScript中常见的面试题之一。可能面试官会给你一个字符串“HelloWord!”,让你通过JavaScript的方法，将其变成"!droWolleH"。
我也是初学者，利用前面所学数组相关的知识以及题目的提示,我算是过关了，后来想，是不是还有其他的方法能破此题呢？搜索了一下，还是有不少的方法，这里把这些方法罗列一下，以备后面可以使用。
要做的事情
我们要做的事情：
将提供的字符串反向显示在反向字符串之前，需要将字符串转化成一个数组最终结果依旧是一个字符串
接下来，我们一起看看有哪些方法能实现上述要求。
使用内置函数
在练习题中，提示我们可以使用三种方法配合，能顺利让一个字符串反向显示：
String.prototype.split()Array.prototype.reverse()Array.prototype.join()
简单的过一下：
split()方法将一个字符串对象的每个字符拆出来，并且将每个字符串当成数组的每个元素reverse()方法用来改变数组，将数组中的元素倒个序排列，第一个数组元素成为最后一个，最后一个变成第一个join()方法将数组中的所有元素边接成一个字符串
来看个实例：
functionreverseString(str)
{//第一步，使用split()方法，返回一个新数组
//varsplitString="hello".split("");
varsplitString=str.split("");
//将字符串拆分//返回一个新数组["h","e","l","l","o"]
//第二步，使用reverse()方法创建一个新数组
//varreverseArray=["h","e","l","l","o"].reverse();
varreverseArray=splitString.reverse();
//原数组元素顺序反转["o","l","l","e","h"]
//第三步，使用join()方法将数组的每个元素连接在一起，组合成一个新字符串
//varjoinArray=["o","l","l","e","h"].join("");
varjoinArray=reverseArray.join("");//"olleh"
//第四步，返回一个反转的新字符串returnjoinArray;
//"olleh"}reverseString("hello");
//=>olleh
将上面的方法简化一下，可以写成这样：
functionreverseString(str){
returnstr.split("").reverse().join("");
}reverseString("hello");
//=>olleh
使用一个递减循环遍历将字符串反转
这种方法使用的是一个for循环给原字符串做一个递减遍历，然后将遍历的字符串重新合并成一个新字符串：
functionreverseString(str){
//第一步：创建一个空的字符串用来存储新创建的字符串varnewString="";
//第二步：使用for循环
//循环从str.length-1开始做递减遍历,直到i大于或等于0，循环将继续
//str.length-1对应的就是字符串最后一个字符ofor(vari=str.length-1;i>=0;i--){
newString+=str[i];//或者newString=newString+str[i];}
//第三步：返回反转的字符串returnnewString;}reverseString('hello');
//=>//"olleh"
简单的看看字符串遍历的过程。假设需要将字符串"hello"反转。其整个遍历过程如下表所示：
其实上面的for循环，也可以换成while循环：
functionreverseString(str){
varnewString='';
vari=str.length;while(i>0){
newString+=str.substring(i-1,i);
i--;
}
returnnewString;}reverseString("hello");
//=>olleh
在while循环中substring()方法。substring()返回字符串两个索引之间（或到字符串末尾）的子串。
使用递归实现字符串反向
使用String.prototype.substr()和String.prototype.charAt()方法也可以将一个字符串反向。
substr()方法返回字符串中从指定位置开始到指定长度的子字符串。比如：
varstr="abcdefghij";
console.log("(1,2):"+str.substr(1,2));
//(1,2):bcconsole.log("(-3,2):"+str.substr(-3,2));
//(-3,2):hiconsole.log("(-3):"+str.substr(-3));
//(-3):hijconsole.log("(1):"+str.substr(1));
//(1):bcdefghijconsole.log("(-20,2):"+str.substr(-20,2));
//(-20,2):abconsole.log("(20,2):"+str.substr(20,2));
//(20,2):
charAt()方法返回字符串中指定位置的字符。字符串中的字符从左向右索引，第一个字符的索引值为0，最后一个字符（假设该字符位于字符串stringName中）的索引值为stringName.length-1。如果指定的index值超出了该范围，则返回一个空字符串。
varanyString="Bravenewworld";
console.log("Thecharacteratindex0is'"+anyString.charAt(0)+"'");
//=>Thecharacteratindex0is'B'console.log("Thecharacteratindex1is'"+anyString.charAt(1)+"'");
//=>Thecharacteratindex1is'r'console.log("Thecharacteratindex2is'"+anyString.charAt(2)+"'");
//=>Thecharacteratindex2is'a'console.log("Thecharacteratindex3is'"+anyString.charAt(3)+"'");
//=>Thecharacteratindex3is'v'console.log("Thecharacteratindex4is'"+anyString.charAt(4)+"'");
//=>Thecharacteratindex4is'e'console.log("Thecharacteratindex999is'"+anyString.charAt(999)+"'");
//=>Thecharacteratindex999is''
结合起来，我们可以这样做实现字符串反向：
functionreverseString(str){if(str===""){
return"";}else{
returnreverseString(str.substr(1))+str.charAt(0);}
}reverseString("hello");
//=>olleh
第一部分的递归方法。你需要记住，你不会只调用一次，你将会有几个嵌套的调用。
第二部分的递归方法。
上面的方法还可以继续改良一下，改成三元操作符
functionreverseString(str){
return(str==='')?'':reverseString(str.substr(1))+str.charAt(0);}
reverseString("hello");
//=>olleh
还可以换成这样的方式
functionreverseString(str){
returnstr&&reverseString(str.substr(1))+str[0];
}reverseString("hello");
//=>olleh
其他方法
除了上面的方法之外，其实还有其他一些方法：
方法一
functionreverseString(str){varnewString=[];for(vari=str.length-1,j=0;i>=0;i--,j++){newString[j]=str[i];}returnnewString.join('');}reverseString("hello");//=>olleh方法二functionreverseString(str){for(vari=str.length-1,newString='';i>=0;newString+=str[i--]){}returnnewString;}reverseString("hello");//=>olleh方法三functionreverseString(str){functionrev(str,len,newString){return(len===0)?newString:rev(str,--len,(newString+=str[len]));}returnrev(str,str.length,'');}reverseString("hello");//=>olleh方法四functionreverseString(str){str=str.split('');varlen=str.length,halfIndex=Math.floor(len/2)-1,newString;for(vari=0;i<=halfIndex;i++){newString=str[len-i-1];str[len-i-1]=str[i];str[i]=newString;}returnstr.join('');}reverseString("hello");//=>olleh方法五functionreverseString(str){if(str.length<2){returnstr;}varhalfIndex=Math.ceil(str.length/2);returnreverseString(str.substr(halfIndex))+reverseString(str.substr(0,halfIndex));}reverseString("hello");//=>olleh方法六functionreverseString(str){return[].reduceRight.call(str,function(prev,curr){returnprev+curr;},'');}reverseString("hello");//=>ollehES6的方法
在ES6中，可以变得更为简单一些，如：
[...str].reverse().join('');
或[...str].reduceRight((prev,curr)=>prev+curr);
或者：
constreverse=str=>str&&reverse(str.substr(1))+str[0];
字符串反转是一个小而简单的算法，前面也说了，常被用来面试JavaScript基础。你可以使用上面各种方法来解决这个问题，甚至使用更为复杂的解决方案。如果你有更好的方法，欢迎在下面的评论中补上，与我们一起分享。