JS實(shí)現(xiàn)字符串翻轉(zhuǎn)的方法分析
本文實(shí)例分析了JS實(shí)現(xiàn)字符串翻轉(zhuǎn)的方法。分享給大家供大家參考,具體如下:
1. 字符串的完全翻轉(zhuǎn):
var str = "smile at life";
document.write(str.split("").reverse().join(""));
結(jié)果為:
efil ta elims
2. 翻轉(zhuǎn)字符串中單詞順序,但單詞字母順序不變:
function reverseStr(param){
var arr = param.split(" ");
var newArr = [];
for(i=0;i<arr.length;i++){
newArr[arr.length-i] = arr[i];
}
return newArr.join(" ");
}
document.write(reverseStr("smile at life"));
運(yùn)行結(jié)果:
life at smile
附:輸入字符串反轉(zhuǎn)操作完整示例
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>www.dbjr.com.cn JS反轉(zhuǎn)字符串</title>
<script>
var str=prompt("請輸入任意字符串:");
var aR=new Array(str.length);
var i=str.length-1;
var j=0;
while(i>=0)
{
aR[j]=str.charAt(i);
i--;
j++;
}
document.write("翻轉(zhuǎn)后是:<br/>");
for(j=0;j<str.length;j++)
{
document.write(aR[j]);
}
</script>
</head>
<body>
</body>
</html>
這里使用在線HTML/CSS/JavaScript代碼運(yùn)行工具:http://tools.jb51.net/code/HtmlJsRun測試,可得到如下運(yùn)行結(jié)果:


PS:這里再為大家推薦一款功能相似的在線工具供大家參考:
在線文本倒序翻轉(zhuǎn)排序工具:
http://tools.jb51.net/aideddesign/flipped_txt
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript事件相關(guān)操作與技巧大全》、《JavaScript操作DOM技巧總結(jié)》及《JavaScript字符與字符串操作技巧總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
JavaScript 替換所有匹配內(nèi)容及正則替換方法
這篇文章主要介紹了JavaScript 替換所有匹配內(nèi)容,文中給大家提到了使用正則表達(dá)式替換方法,通過實(shí)例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下2020-02-02
詳解JavaScript中的Object.is()與"==="運(yùn)算符總結(jié)
這篇文章主要介紹了詳解JavaScript中的Object.is()與"==="運(yùn)算符總結(jié),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-06-06
使用JS和canvas實(shí)現(xiàn)gif動(dòng)圖的停止和播放代碼
這篇文章主要介紹了使用JS和canvas實(shí)現(xiàn)gif動(dòng)圖的停止和播放代碼,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2017-09-09
HTML5+JS+JQuery+ECharts實(shí)現(xiàn)異步加載問題
這篇文章主要介紹了HTML5+JS+JQuery+ECharts實(shí)現(xiàn)異步加載問題,需要的朋友可以參考下2017-12-12

