快捷導(dǎo)航

JS實(shí)現(xiàn)字符串翻轉(zhuǎn)的方法分析

更新時(shí)間：2018年08月31日 10:58:09 作者：會(huì)當(dāng)凌絕頂1080

這篇文章主要介紹了JS實(shí)現(xiàn)字符串翻轉(zhuǎn)的方法,結(jié)合實(shí)例形式分析了javascript字符串使用reverse方法、字符串遍歷方法以及針對(duì)輸入字符串的遍歷、逆序輸出等方法實(shí)現(xiàn)字符串反轉(zhuǎn)相關(guā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("請(qǐng)輸入任意字符串：");
 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測(cè)試，可得到如下運(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é)》

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

js模擬實(shí)現(xiàn)京東詳情頁圖片放大效果
這篇文章主要為大家詳細(xì)介紹了js模擬實(shí)現(xiàn)京東詳情頁圖片放大效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-11-11
JS?連接MQTT的使用方法
這篇文章主要介紹了JS?連接MQTT的使用方法,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2023-01-01
輸入框過濾非數(shù)字的js代碼
這篇文章主要介紹js過濾輸入框中非數(shù)字的字符，很簡(jiǎn)單，但很實(shí)用，需要的朋友可以參考下
2014-09-09
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ì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-06-06
微信小程序?qū)崿F(xiàn)帶滑塊的進(jìn)度條
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)帶滑塊的進(jìn)度條，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-06-06
使用JS實(shí)現(xiàn)任意位置縮放圖片功能
本文將用一個(gè)簡(jiǎn)單的例子詳細(xì)講解如何用原生JS一步步實(shí)現(xiàn)完整的任意位置縮放圖片功能,無任何第三方依賴,指針事件進(jìn)行多端統(tǒng)一的事件監(jiān)聽,干貨滿滿,需要的朋友可以參考下
2024-04-04
Javascript中常用類型的格式化方法小結(jié)
這篇文章主要給大家介紹了Javascript中常用類型的格式化方法，其中包括格式化浮點(diǎn)數(shù)、格式化有符號(hào)整數(shù)(int32)、格式化無符號(hào)整數(shù)(uint32)、格式化布爾值以及格式化字符串等，文中給出了詳細(xì)的示例代碼，有需要的朋友們可以參考借鑒，下面來一起看看吧。
2016-12-12
使用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