jQuery文字列を切り取るいくつかの方法
10935 ワード
フロントエンドJSコードを書くとき、文字列の一部だけが必要な場合に遭遇します.次に、文字列を集中的に切り取る方法を提供します.1.接尾辞をとる
1
2
3
2.関数:Join()
1
2
3
4
3.関数:substring()とsubstr()メソッド
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
4.関数:indexOf()
1
2
3
4
5
6
7
5.split()メソッド
substringメソッド
Stringオブジェクトで指定した位置にあるサブ文字列を返します.
strVariable.substring(start, end)
"String Literal".substring(start, end)
パラメータ
start
0から始まるサブストリングの開始位置を示します.
end
0から始まるサブストリングの終了位置を示します.
説明
メソッドはstartから最後(endを含まない)までのサブ文字列を含む文字列を返します.
substring法ではstartとendの両方の小さな値をサブ文字列の開始点として使用します.例えばstrvar.substring(0,3)とstrvar.substring(3,0)は、同じサブ文字列を返します.
startまたはendがNaNまたは負数の場合、0に置き換えられます.
サブ文字列の長さはstartとendの差の絶対値に等しい.例えばstrvar.substring(0,3)とstrvar.substring(3,0)が返すサブ文字列の長さは3である.
例
次の例ではsubstring法の使い方を示します.
function SubstringDemo(){
var ss;//変数を宣言します.
var s = "The rain in Spain falls mainly in the plain..";
ss = s.substring(12, 17);//サブストリングを取ります.
return(ss);//サブストリングを返します.
}
substrメソッド
指定された場所から始まる指定された長さのサブ文字列を返します.
stringvar.substr(start [, length ])
パラメータ
stringvar
必須オプション.サブ文字列を抽出する文字列文字またはStringオブジェクト.
start
必須オプション.必要なサブ文字列の開始位置.文字列の最初の文字のインデックスは0です.
length
を選択します.返されるサブ文字列に含まれる文字数.
説明
lengthが0または負数の場合、空の文字列が返されます.このパラメータが指定されていない場合、サブ文字列はstringvarの最後まで続きます.
例
次の例ではsubstrメソッドの使い方を示します.
function SubstrDemo(){
var s, ss;//変数を宣言します.
var s = "The rain in Spain falls mainly in the plain.";
ss = s.substr(12, 5);//サブストリングを取得します.
return(ss);//「Spain」に戻ります.
}
splitメソッド
1つの文字列をサブ文字列に分割し、結果を文字列配列として返します.
stringObj.split([separator[, limit]])
パラメータ
stringObj
必須オプション.分解するStringオブジェクトまたはテキスト.このオブジェクトはsplitメソッドで変更されません.
separator
を選択します.文字列または正規表現オブジェクト.文字列を区切るときに1つまたは複数の文字が使用されるかどうかを識別します.このオプションを無視すると、文字列全体を含む単一の要素配列が返されます.
limit
を選択します.この値は、返される配列の要素の数を制限するために使用されます.
説明
splitメソッドの結果は文字列配列でありstingObjでseparatorが現れる位置ごとに分解される.separatorは配列要素の一部として返されません.
例
次の例ではsplitメソッドの使い方を示します.
function SplitDemo(){ var s, ss;
var s = "The rain in Spain falls mainly in the plain.";
//各スペース文字で分解します.
ss = s.split("");
return(ss);
}
var fileDir = $("#file").val();
var suffix = fileDir.substr(fileDir.lastIndexOf("."));
//suffix ;
1
2
3
2.関数:Join()
// ;
var myList=new Array(”g”,”o”,”o”,”d”);
var newList=myList.join(” ”);
// g o o d
1
2
3
4
3.関数:substring()とsubstr()メソッド
//substring ;substr
var str = "0123456789";
alert(str.substring(0));------------"0123456789"
alert(str.substring(5));------------"56789"
alert(str.substring(10));-----------""
alert(str.substring(12));-----------""
alert(str.substring(-5));-----------"0123456789"
alert(str.substring(-10));----------"0123456789"
alert(str.substring(-12));----------"0123456789"
alert(str.substring(0,5));----------"01234"
alert(str.substring(0,10));---------"0123456789"
alert(str.substring(0,12));---------"0123456789"
alert(str.substring(2,0));----------"01"
alert(str.substring(2,2));----------""
alert(str.substring(2,5));----------"234"
alert(str.substring(2,12));---------"23456789"
alert(str.substring(2,-2));---------"01"
alert(str.substring(-1,5));---------"01234"
alert(str.substring(-1,-5));--------""
alert(str.substr(0));---------------"0123456789"
alert(str.substr(5));---------------"56789"
alert(str.substr(10));--------------""
alert(str.substr(12));--------------""
alert(str.substr(-5));--------------"0123456789"
alert(str.substr(-10));-------------"0123456789"
alert(str.substr(-12));-------------"0123456789"
alert(str.substr(0,5));-------------"01234"
alert(str.substr(0,10));------------"0123456789"
alert(str.substr(0,12));------------"0123456789"
alert(str.substr(2,0));-------------""
alert(str.substr(2,2));-------------"23"
alert(str.substr(2,5));-------------"23456"
alert(str.substr(2,12));------------"23456789"
alert(str.substr(2,-2));------------""
alert(str.substr(-1,5));------------"01234"
alert(str.substr(-1,-5));-----------""
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
4.関数:indexOf()
//
var test = ”javaScript”;
var x=test .indexOf(”v”); // x = 2;
var y=test .indexOf(”S”); // y = 4;
var z=test .indexOf(”Script”); // z = 4;
var a=test .indexOf(”key”); // a = -1;
1
2
3
4
5
6
7
5.split()メソッド
"text/javascript"</span>>
var str=<span class="hljs-string">"How are you doing today?"</span>
document.write(str.split(<span class="hljs-string">" "</span>) + <span class="hljs-string">"<br />"</span>)
document.write(str.split(<span class="hljs-string">""</span>) + <span class="hljs-string">"<br />"</span>)
document.write(str.split(<span class="hljs-string">" "</span>,<span class="hljs-number">3</span>))
:
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
substringメソッド
Stringオブジェクトで指定した位置にあるサブ文字列を返します.
strVariable.substring(start, end)
"String Literal".substring(start, end)
パラメータ
start
0から始まるサブストリングの開始位置を示します.
end
0から始まるサブストリングの終了位置を示します.
説明
メソッドはstartから最後(endを含まない)までのサブ文字列を含む文字列を返します.
substring法ではstartとendの両方の小さな値をサブ文字列の開始点として使用します.例えばstrvar.substring(0,3)とstrvar.substring(3,0)は、同じサブ文字列を返します.
startまたはendがNaNまたは負数の場合、0に置き換えられます.
サブ文字列の長さはstartとendの差の絶対値に等しい.例えばstrvar.substring(0,3)とstrvar.substring(3,0)が返すサブ文字列の長さは3である.
例
次の例ではsubstring法の使い方を示します.
function SubstringDemo(){
var ss;//変数を宣言します.
var s = "The rain in Spain falls mainly in the plain..";
ss = s.substring(12, 17);//サブストリングを取ります.
return(ss);//サブストリングを返します.
}
substrメソッド
指定された場所から始まる指定された長さのサブ文字列を返します.
stringvar.substr(start [, length ])
パラメータ
stringvar
必須オプション.サブ文字列を抽出する文字列文字またはStringオブジェクト.
start
必須オプション.必要なサブ文字列の開始位置.文字列の最初の文字のインデックスは0です.
length
を選択します.返されるサブ文字列に含まれる文字数.
説明
lengthが0または負数の場合、空の文字列が返されます.このパラメータが指定されていない場合、サブ文字列はstringvarの最後まで続きます.
例
次の例ではsubstrメソッドの使い方を示します.
function SubstrDemo(){
var s, ss;//変数を宣言します.
var s = "The rain in Spain falls mainly in the plain.";
ss = s.substr(12, 5);//サブストリングを取得します.
return(ss);//「Spain」に戻ります.
}
splitメソッド
1つの文字列をサブ文字列に分割し、結果を文字列配列として返します.
stringObj.split([separator[, limit]])
パラメータ
stringObj
必須オプション.分解するStringオブジェクトまたはテキスト.このオブジェクトはsplitメソッドで変更されません.
separator
を選択します.文字列または正規表現オブジェクト.文字列を区切るときに1つまたは複数の文字が使用されるかどうかを識別します.このオプションを無視すると、文字列全体を含む単一の要素配列が返されます.
limit
を選択します.この値は、返される配列の要素の数を制限するために使用されます.
説明
splitメソッドの結果は文字列配列でありstingObjでseparatorが現れる位置ごとに分解される.separatorは配列要素の一部として返されません.
例
次の例ではsplitメソッドの使い方を示します.
function SplitDemo(){ var s, ss;
var s = "The rain in Spain falls mainly in the plain.";
//各スペース文字で分解します.
ss = s.split("");
return(ss);
}