首頁 >web前端 >js教程 >一個字串反轉函數可實現字串倒序_javascript技巧

一個字串反轉函數可實現字串倒序_javascript技巧

WBOY
WBOY原創
2016-05-16 16:36:222078瀏覽

第一種方法:

<script type="text/javascript">
var str="abcdeg";
function demo(str){
var str2="";
for(var i=0;i<str.length;i++){
str2+=str.charAt(str.length-i-1);
}

document.write(str+"<br />"+str2)
}
demo(str);
</script>

第二種方法:

<input type="textfield" id="input"/>
<div id="result"></div>
<input type="button" value="reverse" onclick="reverse()"/> 
<script language="javascript">
function reverse()
{
var str=document.getElementById("input").value;
var a=str.split('');
var result=new Array();
while(a.length)
{
result.push(a.pop());
}
document.getElementById("result").innerHTML=result.join('');
}

</script>

以下將範例所使用的 JS 方法說明:

1、join():此方法用來把陣列中的所有元素放入一個字串。元素是透過指定的分隔符號進行分隔的。

傳回值:傳回字串值,其中包含了連接到一起的陣列的所有元素,元素由指定的分隔符號分隔開來。

格式:arrayObj.join(separator)

arrayObj 必選項,Array 物件;

separator 可選。指定要使用的分隔符號。如果省略該參數,則使用逗號作為分隔符號。

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas" 

document.write(arr.join("."))

輸出:
George.John.Thomas

註:Array.join() 等價於 Array.toString()

2、split():將一個字串分割為子字串數組,然後將結果傳回為字串數組。

格式:stringObj.split(separator, hovmany)

stringObj 必選項,要被分解的 String 物件或文字。

separator 可選項。字串或正規表示式對象,它標識了分隔字串時使用的是一個還是多個字元。如果忽略該選項,則傳回包含整個字串的單一元素陣列。

hovmany可選項。該值用來限制傳回數組最大長度。如果設定了該參數,則傳回的子字串不會多於這個參數指定的陣列。如果沒有設定該參數,整個字串都會被分割,不考慮它的長度。

<script type="text/javascript">

var str="How are you doing today&#63;"

document.write(str.split(" ") + "<br />")

document.write(str.split("") + "<br />")

document.write(str.split(" ",3))

</script>

輸出:

How,are,you,doing,today?

H,o,w, ,a,r,e, ,y,o,u, ,d,o,i,n,g, ,t,o,d,a,y,?

How,are,you

3、reverse():傳回一個元素順序被反轉的 Array 物件。

格式:arrayObj.reverse()

arrayObj 必選項,Array 物件。

此方法會改變原來的數組,而不會建立新的數組。

<script type="text/javascript">

var arr = new Array(3)

arr[0] = "George"

arr[1] = "John"arr[2] = "Thomas"

document.write(arr + "<br />")

document.write(arr.reverse()) 

</script>

輸出:

George,John,Thomas

Thomas,John,George

4.charAt() 方法可傳回指定位置的字元。

文法

stringObject.charAt(index)

Index 必需。表示字串中某個位置的數字,即字元在字串中的下標

提示與註解

註解:字串中第一個字元的下標是 0。如果參數 index 不在 0 與 string.length 之間,則該方法將傳回一個空字串。

實例

在字串 "Hello world!" 中,我們將傳回位置 1 的字元:

<script type="text/javascript">
var str="Hello world!"
document.write(str.charAt(1)) 
</script>

以上程式碼的輸出為:

e

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn