文字列反転関数で文字列反転順序を実現できる_JavaScriptスキル

最初の方法:

<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>

2 番目の方法:

<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(セパレータ)

arrayObj が必要です。配列オブジェクト

区切り文字はオプションです。使用する区切り文字を指定します。このパラメータを省略した場合は、カンマが区切り文字として使用されます。

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

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

出力:
ジョージ・ジョン・トーマス

注: Array.join() は Array.toString() と同等です

2. split(): 文字列を部分文字列の配列に分割し、結果を文字列配列として返します。

形式: stringObj.split(separator, hovmany)

stringObj 必須。分解される String オブジェクトまたはリテラル。

区切り文字 オプション。文字列を区切るために 1 つ以上の文字が使用されているかどうかを識別する文字列または正規表現オブジェクト。このオプションを省略した場合、文字列全体を含む単一要素の配列が返されます。

ホブマニはオプションです。この値は、返される配列の最大長を制限するために使用されます。このパラメータが設定されている場合、このパラメータで指定された配列以外の部分文字列は返されません。このパラメータが設定されていない場合、文字列の長さに関係なく文字列全体が分割されます。

<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>

出力:

今日はどうですか?

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

元気ですか

3. reverse(): 要素の順序を逆にした Array オブジェクトを返します。

形式: arrayObj.reverse()

arrayObj 必須、配列オブジェクト。

このメソッドは、新しい配列を作成せずに元の配列を変更します。

<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>

出力:

ジョージ、ジョン、トーマス

トーマス、ジョン、ジョージ

4.charAt()メソッドは指定された位置の文字を返すことができます。

文法

stringObject.charAt(index)

インデックスが必要です。文字列内の特定の位置を表す数値、つまり文字列

内の文字の添え字

ヒントとメモ

注: 文字列の最初の文字のインデックスは 0 です。パラメーターのインデックスが 0 から string.length の間にない場合、このメソッドは空の文字列を返します。

例

文字列「Hello world!」では、位置 1 の文字を返します:

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

上記のコードの出力は次のとおりです:

え