blocks|key|1425045|text|String.prototype.reverse+=+function+()+{
++++return+this.split("").reverse().join("");
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1425046|受我为javascript+string+reverse做谷歌搜索时得到的the+first+result的启发。|unstyled|offset|length|1425047|entityMap|0|LINK|mutability|MUTABLE|url|http://www.google.com/search?q=javascript%2Bstring%2Breverse|1|http://www.bytemycode.com/snippets/snippet/400/^0|0|3|P|0|11|G|1|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|T|8|@]|9|@$G|U|H|V|1|W]|$G|X|H|Y|1|Z]]|A|$]]|$1|I|3|-4|5|F|7|10|8|@]|9|@]|A|$]]]|J|$K|$5|L|M|N|A|$O|P]]|Q|$5|L|M|N|A|$O|R]]]]

<pre><code>String.prototype.reverse = function () {
    return this.split("").reverse().join("");
}
</code></pre>

<p>Inspired by <a href="http://www.bytemycode.com/snippets/snippet/400/" rel="noreferrer">the first result</a> I got when I did a Google for <a href="http://www.google.com/search?q=javascript+string+reverse" rel="noreferrer">javascript string reverse</a>.</p>


blocks|key|1425244|text|更努力地搜索，兄弟们。这是Edd+Mann写的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1425245|function+reverse+(s)+{
for+(var+i+=+s.length+-+1,+o+=+'';+i+>=+0;+o+%2B=+s[i--])+{+}
return+o;
}|code-block|syntax|javascript|1425246|http://eddmann.com/posts/ten-ways-to-reverse-a-string-in-javascript/|offset|length|1425247|http://jsperf.com/string-reverse-function-performance|1425248|entityMap|0|LINK|mutability|MUTABLE|url|1^0|0|0|0|1W|0|0|0|1H|1|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|W|8|@]|9|@$I|X|J|Y|1|Z]]|A|$]]|$1|K|3|L|5|6|7|10|8|@]|9|@$I|11|J|12|1|13]]|A|$]]|$1|M|3|-4|5|6|7|14|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|H]]|T|$5|P|Q|R|A|$S|L]]]]

<p>Google harder, bros. This is by Edd Mann.</p>

<pre><code>function reverse (s) {
for (var i = s.length - 1, o = ''; i &gt;= 0; o += s[i--]) { }
return o;
}
</code></pre>

<p><a href="http://eddmann.com/posts/ten-ways-to-reverse-a-string-in-javascript/" rel="nofollow">http://eddmann.com/posts/ten-ways-to-reverse-a-string-in-javascript/</a></p>

<p><a href="http://jsperf.com/string-reverse-function-performance" rel="nofollow">http://jsperf.com/string-reverse-function-performance</a></p>


blocks|key|1425106|text|reverse是数组上的函数，它是一个字符串。您可以将字符串分解成一个数组，然后反转它，然后再将它组合在一起。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1425107|var+str+++++=+'0123456789';
var+rev_str+=+str.split('').reverse().join('');|code-block|syntax|javascript|1425108|entityMap^0|0|7|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

<p><code>reverse</code> is a function on an array and that is a string. You could explode the string into an array and then reverse it and then combine it back together though.</p>

<pre><code>var str     = '0123456789';
var rev_str = str.split('').reverse().join('');
</code></pre>


blocks|key|1425218|text|//+You+could+reverse+a+string+without+creating+an+array

String.prototype.reverse=+function(){
+var+s=+'',+L=+this.length;
+while(L){
++s%2B=+this[--L];
+}
+return+s;
}

var+s1=+'the+time+has+come,+the+walrus+said,+to+speak+of+many+things';
s1.reverse()
/*returned+value:+(String)
sgniht+ynam+fo+kaeps+ot,+dias+surlaw+eht,+emoc+sah+emit+eht
*/|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1425219|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>// You could reverse a string without creating an array

String.prototype.reverse= function(){
 var s= '', L= this.length;
 while(L){
  s+= this[--L];
 }
 return s;
}

var s1= 'the time has come, the walrus said, to speak of many things';
s1.reverse()
/*returned value: (String)
sgniht ynam fo kaeps ot, dias surlaw eht, emoc sah emit eht
*/
</code></pre>


blocks|key|1425373|text|<!DOCTYPE+html>
<html+xmlns="http://www.w3.org/1999/xhtml">
<head>
++++<title></title>
++++<script+src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
++++<script>


++++++++$(document).ready(function+()+{

++++++++++++$("#stringInput").keyup(function+()+{
++++++++++++++++debugger;
++++++++++++++++var+string+=+$("#stringInput").val();
++++++++++++++++var+stringArray+=+[];
++++++++++++++++sInput+=+string.toString();

++++++++++++++++for+(var+i+=+0,+len+=+sInput.length;+i+<+len;+i%2B%2B)+{

++++++++++++++++++++stringArray.push(sInput.charAt(i));
++++++++++++++++}
++++++++++++++++stringArray.reverse();
++++++++++++++++str+=+stringArray.join('');


++++++++++++++++document.getElementById("stringOutput").value+=+str;

++++++++++++});

++++++++++++$("button").click(function+()+{
++++++++++++++++debugger;
++++++++++++++++$("#myForm").toggle();
++++++++++++});
++++++++});

++++</script>
</head>

<body>

+++++<div>
++++++++<form+name="myForm"+id="myForm">

++++<table>
++++++++<tr>
++++++++++++<td>Insert+Elements+:</td>
++++++++++++<td><input+type="text"+name="stringInput"+id="stringInput"/></td>

++++++++++++<td>Output+:</td>
++++++++++++<td><input+type="text"+id="stringOutput"+name="stringOutput"+readonly="true"+/></td>
++++++++</tr>

++++</table>
++++++</form>
+++++++++<button>Show/Hide</button>
++++</div>
</body>
</html>|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1425374|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head&gt;
    &lt;title&gt;&lt;/title&gt;
    &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"&gt;&lt;/script&gt;
    &lt;script&gt;


        $(document).ready(function () {

            $("#stringInput").keyup(function () {
                debugger;
                var string = $("#stringInput").val();
                var stringArray = [];
                sInput = string.toString();

                for (var i = 0, len = sInput.length; i &lt; len; i++) {

                    stringArray.push(sInput.charAt(i));
                }
                stringArray.reverse();
                str = stringArray.join('');


                document.getElementById("stringOutput").value = str;

            });

            $("button").click(function () {
                debugger;
                $("#myForm").toggle();
            });
        });

    &lt;/script&gt;
&lt;/head&gt;

&lt;body&gt;

     &lt;div&gt;
        &lt;form name="myForm" id="myForm"&gt;

    &lt;table&gt;
        &lt;tr&gt;
            &lt;td&gt;Insert Elements :&lt;/td&gt;
            &lt;td&gt;&lt;input type="text" name="stringInput" id="stringInput"/&gt;&lt;/td&gt;

            &lt;td&gt;Output :&lt;/td&gt;
            &lt;td&gt;&lt;input type="text" id="stringOutput" name="stringOutput" readonly="true" /&gt;&lt;/td&gt;
        &lt;/tr&gt;

    &lt;/table&gt;
      &lt;/form&gt;
         &lt;button&gt;Show/Hide&lt;/button&gt;
    &lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>


blocks|key|1425407|text|这可能就是所有浏览器都可以接受的方式：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1425408|function+reverse(s)+{
++var+o+=+'';
++for+(var+i+=+s.length+-+1;+i+>=+0;+i--)
++++o+%2B=+s[i];
++return+o;
}|code-block|syntax|javascript|1425409|把它叫做护身符：|1425410|reverse('your_string');|1425411|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>This is probably the way, acceptable for all browsers:</p>

<pre><code>function reverse(s) {
  var o = '';
  for (var i = s.length - 1; i &gt;= 0; i--)
    o += s[i];
  return o;
}
</code></pre>

<p>Call it like a charm:</p>

<pre><code>reverse('your_string');
</code></pre>


blocks|key|1210558|text|使用带错误处理的函数参数反转字符串：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1210559|function+reverseString(s)+
{
+++try
+++{
++++++console.log(s.split("").reverse().join(""));
+++}
+++catch(e)
+++{
++++++console.log(e.message);
++++++console.log(s);
+++}+++
}|code-block|syntax|javascript|1210560|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Reverse String using function parameter with error handling :</p>
<pre><code>function reverseString(s) 
{
   try
   {
      console.log(s.split(&quot;&quot;).reverse().join(&quot;&quot;));
   }
   catch(e)
   {
      console.log(e.message);
      console.log(s);
   }   
}
</code></pre>


blocks|key|1210270|text|我想您会发现，实际上在jQuery中reverse()并不是一个函数。顺便说一句，jQuery非常擅长操作DOM，但并不是真正用于字符串操作(尽管您可能会获得插件/编写自己的插件)来做到这一点。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1210271|我找到的在javascript中反转字符串的最好方法是执行以下操作：|1210272|String.prototype.reverse+=+function(){
splitext+=+this.split("");
revertext+=+splitext.reverse();
reversed+=+revertext.join("");
return+reversed;
}|code-block|syntax|javascript|1210273|可在：http://www.bytemycode.com/snippets/snippet/400/找到|offset|length|1210274|我想您会发现，如果您将上面的代码放入代码中的某个位置，那么您对.reverse()的调用应该是有效的:)|1210275|entityMap|0|LINK|mutability|MUTABLE|url|http://www.bytemycode.com/snippets/snippet/400/^0|0|0|0|3|1B|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|X|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Y|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|Z|8|@]|9|@$K|10|L|11|1|12]]|A|$]]|$1|M|3|N|5|6|7|13|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|14|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V]]]]

<p>I think you'll find that in fact reverse() isn't a function in jQuery. Incidentally, jQuery is really good at manipulating your DOM, but isn't really for string manipulation as such (although you can probably get plugins/write your own) to do this.</p>

<p>The best way I've found to reverse a string in javascript is to do the following:</p>

<pre><code>String.prototype.reverse = function(){
splitext = this.split("");
revertext = splitext.reverse();
reversed = revertext.join("");
return reversed;
}
</code></pre>

<p>Found at: <a href="http://www.bytemycode.com/snippets/snippet/400/" rel="nofollow noreferrer">http://www.bytemycode.com/snippets/snippet/400/</a></p>

<p>I think you'll find that if you pop the above into your code somewhere, your call to .reverse() should work :)</p>


blocks|key|1210406|text|Mathias+Bynens，你的代码工作得很好，非常感谢！|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1210407|我将你的代码转换成一个函数，这样用户就可以从这里复制它。|1210408|谢谢!|1210409|//The+function+reverse+a+string,++JavaScript’s+has+internal+character+encoding+so+we+are
//unable+to+reverse+the+string+in+the+"easy+ways".+For+example+the+TL;DR:++is+an+astral
//symbol,+and+JavaScript+exposes+it+as+two+separate+code+units.
function+ReverseString(string){
++++//-
++++var+regexSymbolWithCombiningMarks+=+/([\0-\u02FF\u0370-\u1DBF\u1E00-\u20CF\u2100-\uD7FF\uDC00-\uFE1F\uFE30-\uFFFF]%7C[\uD800-\uDBFF][\uDC00-\uDFFF]%7C[\uD800-\uDBFF])([\u0300-\u036F\u1DC0-\u1DFF\u20D0-\u20FF\uFE20-\uFE2F]%2B)/g;
++++var+regexSurrogatePair+=+/([\uD800-\uDBFF])([\uDC00-\uDFFF])/g;
++++//-

++++//Step+1:+deal+with+combining+marks+and+astral+symbols+(surrogate+pairs)
++++string+=+string
++++++++//Swap+symbols+with+their+combining+marks+so+the+combining+marks+go+first
++++++++.replace(regexSymbolWithCombiningMarks,+function($0,+$1,+$2)+{
++++++++++++return+reverse($2)+%2B+$1;
++++++++})
++++++++//+Swap+high+and+low+surrogates+so+the+low+surrogates+go+first
++++++++.replace(regexSurrogatePair,+'$2$1');

++++//+Step+2:+reverse+the+code+units+in+the+string
++++var+result+=+'';
++++var+index+=+string.length;
++++while+(index--)+{
++++++++result+%2B=+string.charAt(index);
++++}

++++//Return+value
++++return+result;
}|code-block|syntax|javascript|1210410|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|O|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|P|8|@]|9|@]|A|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>Mathias Bynens, your code works grate, thanks a lot!</p>

<p>I convert your code to a function, in this way users are able to copy it from here.</p>

<p>Thanks!</p>

<pre><code>//The function reverse a string,  JavaScript’s has internal character encoding so we are
//unable to reverse the string in the "easy ways". For example the TL;DR:  is an astral
//symbol, and JavaScript exposes it as two separate code units.
function ReverseString(string){
    //-
    var regexSymbolWithCombiningMarks = /([\0-\u02FF\u0370-\u1DBF\u1E00-\u20CF\u2100-\uD7FF\uDC00-\uFE1F\uFE30-\uFFFF]|[\uD800-\uDBFF][\uDC00-\uDFFF]|[\uD800-\uDBFF])([\u0300-\u036F\u1DC0-\u1DFF\u20D0-\u20FF\uFE20-\uFE2F]+)/g;
    var regexSurrogatePair = /([\uD800-\uDBFF])([\uDC00-\uDFFF])/g;
    //-

    //Step 1: deal with combining marks and astral symbols (surrogate pairs)
    string = string
        //Swap symbols with their combining marks so the combining marks go first
        .replace(regexSymbolWithCombiningMarks, function($0, $1, $2) {
            return reverse($2) + $1;
        })
        // Swap high and low surrogates so the low surrogates go first
        .replace(regexSurrogatePair, '$2$1');

    // Step 2: reverse the code units in the string
    var result = '';
    var index = string.length;
    while (index--) {
        result += string.charAt(index);
    }

    //Return value
    return result;
}
</code></pre>


blocks|key|1210439|text|这个反向原型函数是使用"+This“实现的。如果您看到"this“的日志控制台，它将生成数组，并且它具有长度属性。就这样吧！只需使用反向的"for-loop“，如代码片段所示。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1210440|​|1210441|String.prototype.reverse+=+function+()+{
++++console.log(this);
++++var+result+=+"";
++++var+len+=+this.length;
++++
++++for+(i+=+(len-1);+i+>=+0+;+i--)+{
++++++++result+%2B=+this[i];
++++}
++++return+result;
};

alert("elahnu+jaknap".reverse());|code-block|syntax|javascript|1210442|1210443|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|N|8|@]|9|@]|A|$G|H]]|$1|I|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|P|8|@]|9|@]|A|$]]]|K|$]]

<p>This reverse prototype function is implemented using "this". 
If you see log console of "this", it will generate the array, and it has length property.
So that it!!! Just use reverse "for-loop" as shown in the code snippet.</p>

<p><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>String.prototype.reverse = function () {
    console.log(this);
    var result = "";
    var len = this.length;
    
    for (i = (len-1); i &gt;= 0 ; i--) {
        result += this[i];
    }
    return result;
};

alert("elahnu jaknap".reverse());</code></pre>
</div>
</div>
</p>


blocks|key|1210521|text|如果需要还原字符串，但返回错误的原始值：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1210522|function+reverseString(s)+{
++++let+valuePrintS;
++++try+{
++++++++valuePrintS+=+s.split("").reverse().join("");++++
++++}+catch+{
++++++++console.log("s.split+is+not+a+function");
++++++++valuePrintS+=+s;
++++}+finally+{
++++++++console.log(valuePrintS);
++++}
}|code-block|syntax|javascript|1210523|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>If it's necessary to revert the string, but return the original value of the error:</p>

<pre><code>function reverseString(s) {
    let valuePrintS;
    try {
        valuePrintS = s.split("").reverse().join("");    
    } catch {
        console.log("s.split is not a function");
        valuePrintS = s;
    } finally {
        console.log(valuePrintS);
    }
}
</code></pre>


blocks|key|1425260|text|String.prototype.strReverse+=+function()+{

++++var+newstring+=+"";

++++for+(var+s=0;+s+<+this.length;+s%2B%2B)+{
++++++++newstring+=+this.charAt(s)+%2B+newstring;
++++}

++++return+newstring;
};|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1425261|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>String.prototype.strReverse = function() {

    var newstring = "";

    for (var s=0; s &lt; this.length; s++) {
        newstring = this.charAt(s) + newstring;
    }

    return newstring;
};
</code></pre>


<p>I'm trying to reverse an input string</p>

<pre><code>var oneway = document.getElementById('input_field').value();
var backway = oneway.reverse();
</code></pre>

<p>but firebug is telling me that <code>oneway.reverse()</code> is not a function. Any ideas?</p>

<p>Thank you</p>


Reversing a string in JavaScript

jQuery

我正在尝试反转输入字符串var oneway = document.getElementById('input_field').value();var backway = oneway.reverse();但是firebug告诉我oneway.reverse()不是一个函数。有什么想法吗？谢谢

问在JavaScript中反转字符串
EN

回答 12

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在JavaScript中反转字符串EN

回答 12

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在JavaScript中反转字符串
EN