Stringオブジェクト文字列オブジェクト
- 文字列オブジェクト一覧
- アンカー生成〔anchor()〕
- 文字を大きくする〔big()〕
- 文字を点滅させる〔blink()〕
- 文字を太字にする〔bold()〕
- 指定位置の文字を取得〔charAt()〕
- 指定位置の文字コードを取得〔charCodeAt()〕
- 文字列結合〔concat()〕
- 等幅フォントにする〔fixed()〕
- 文字色指定〔fontcolor()〕
- 文字サイズ指定〔fontsize()〕
- 文字コードを文字に変換〔fromCharCode()〕
- 先頭から文字列検索〔indexOf()〕
- 文字を斜体にする〔italics()〕
- 末尾から文字列検索〔lastIndexOf()〕
- 文字の長さを返す〔length〕
- テキストリンク生成〔link()〕
- 正規表現に一致するか調べる〔match()〕
- 文字列置換〔replace()〕
- 文字列検索〔search()〕
- 指定範囲の文字を取得(開始位置に負の値指定可)〔slice()〕
- 文字を小さくする〔small()〕
- 指定文字で文字列分割し配列に格納〔split()〕
- 取消線を引く〔strike()〕
- 下付き文字にする〔sub()〕
- 指定位置から指定長の文字列を取得〔substr()〕
- 指定範囲の文字列を取得〔substring()〕
- 上付き文字にする〔sup()〕
- 小文字にする〔toLowerCase()〕
- 大文字にする〔toUpperCase()〕
文字列オブジェクト一覧
unknown
メソッド | 説明 |
---|---|
anchor() | アンカー生成。 |
big() | 文字を大きくする。 |
blink() | 文字を点滅させる。 |
bold() | 文字を太字にする。 |
charAt() | 指定位置の文字を取得。 |
charCodeAt() | 指定位置の文字コードを取得。 |
concat() | 文字列結合。 |
fixedI() | 等幅フォントにする。 |
fontcolor() | 文字色指定。 |
fontsize() | 文字サイズ指定。 |
fromCharCode() | 文字コードを文字に変換。 |
indexOf() | 先頭から文字列検索。 |
italics() | 文字を斜体にする。 |
lastIndexOf() | 末尾から文字列検索。 |
link() | リンク生成。 |
match() | 正規表現に一致するか調べる。 |
replace() | 文字列置換。 |
search() | 文字列検索。 |
slice() | 指定範囲の文字を取得(開始位置に負の値指定可)。 |
small() | 文字を小さくする。 |
split() | 指定文字で文字列分割し配列に格納。 |
strike() | 取消線を引く。 |
sub() | 下付き文字にする。 |
substr() | 指定位置から指定長の文字列を取得。 |
substring() | 指定範囲の文字列を取得。 |
sup() | 上付き文字にする。 |
toLowerCase() | 大文字にする。 |
toUpperCase() | アンカー生成。 |
プロパティ | 説明 |
length | 文字の長さを返す。 |
アンカー生成
anchor()
unknown
文字列オブジェクトに指定した文字列を、<a>~</a>で囲み、a要素のname属性に引数で指定したアンカー名を設定して返します。 第1引数anchorには、アンカー名を指定します。
<script type="text/javascript">
document.write("アンカー".anchor("anc"));
/* <a name="anc">アンカー</a> */
</script>
文字を大きくする
big()
unknown
文字列オブジェクトに指定した文字列を、<big>~</big>で囲んで返します。
write()メソッドで出力すると、現在の文字の大きさより大きめに表示されます。
<script type="text/javascript">
document.write("テキスト(通常)"+"<br \/>");
document.write("テキスト(big)".big());
/* <big>テキスト</big> */
</script>
文字を点滅させる
blink()
unknown
文字列オブジェクトに指定した文字列を、<blink>~</blink>で囲んで返します。
write()メソッドで出力すると、太字で表示されます。
IEはblink要素が未サポートのため、このメソッドを使用しても動作しません。
<script type="text/javascript">
document.write("IE以外だと点滅します".blink());
/* <blink>IE以外だと点滅します</blink> */
</script>
文字を太字にする
bold()
unknown
文字列オブジェクトに指定した文字列を、<b>~</b>で囲んで返します。
write()メソッドで出力すると、太字で表示されます。
<script type="text/javascript">
document.write("テキスト".bold());
/* <b>テキスト</b> */
</script>
指定位置の文字を取得
charAt()
unknown
文字列オブジェクトに指定した文字列から、指定位置の文字列を返します。
第1引数indexには、位置を指定します(文字列の先頭位置は0)。
<script type="text/javascript"> var str="テキスト"; var strLength=str.length; for(var i=0; i<strLength; i++){ document.write(str.charAt(i)); if(i<strLength-1){ document.write(", "); } } </script>
指定位置の文字コードを取得
charCodeAt()
unknown
文字列オブジェクトに指定した文字列から、指定位置にある文字の文字コード(Unicode)を返します。 オプションの第1引数indexには、位置を指定します(文字列の先頭位置は0)。 indexを省略した場合は、0(文字列の先頭)が適用されます。
文字コード→文字に変換する場合はfromCharCode()メソッドを使用してください。
<script type="text/javascript"> var str="テキスト"; var strLength=str.length; for(var i=0; i<strLength; i++){ document.write("「"+str.charAt(i)+"」の文字コード = "+str.charCodeAt(i)+"<br \/>"); } </script>
文字列結合
concat()
unknown
文字列オブジェクトに指定した文字列に、引数で指定した文字列を全て連結した文字列を返します。 第1引数strには、結合する文字列を1つ以上指定します。 複数指定する場合は、カンマ区切りで指定します。
<script type="text/javascript"> document.write("文字と".concat("文字が", "くっつきます。")); </script>
等幅フォントにする
fixed()
unknown
文字列オブジェクトに指定した文字列を、<tt>~</tt>で囲んで返します。
write()メソッドで出力すると、等幅フォントで表示されます。
<script type="text/javascript">
document.write("文字をtt要素で括ります。".fixed());
/* <tt>文字をtt要素で括ります。</tt> */
</script>
文字色指定
fontcolor()
unknown
指定した文字列を<font>~</font>で囲み、font要素のcolor属性に引数で指定した色を設定して返します。 第1引数colorには、「色名」(whiteなど)または「色コード」(#rrggbb)を指定可能です。
<script type="text/javascript"> document.write("ピンク".fontcolor("pink")+"<br \/>"); /* <font color="pink">ピンク</font> */ document.write("ホットピンク".fontcolor("#ff6699")); /* <font color="#ff6699">ホットピンク</font> */ </script>
文字サイズ指定
fontsize()
unknown
文字列オブジェクトに指定した文字列を、を<font>~</font>で囲み、font要素のsize属性に引数で指定したサイズを設定して返します。 第1引数numには、1~7のフォントサイズを指定可能です。 write()メソッドで出力すると、指定したフォントサイズで表示されます。
サンプルを見る<script type="text/javascript">
document.write("fontSize: 1".fontsize(1)+"<br \/>");
document.write("fontSize: 2".fontsize(2)+"<br \/>");
document.write("fontSize: 3 ".fontsize(3)+"<br \/>");
document.write("fontSize: 4".fontsize(4)+"<br \/>");
document.write("fontSize: 5".fontsize(5)+"<br \/>");
document.write("fontSize: 6".fontsize(6)+"<br \/>");
document.write("fontSize :7".fontsize(7));
/* <font size="1">テキスト</font> */
</script>
文字コードを文字に変換
fromCharCode()
unknown
引数に指定した文字コードを文字列に変換して返します。 引数charcodeには、文字コードを指定します。 複数指定する場合は、カンマ区切りで指定します。
文字→文字コードに変換する場合はcharCodeAt()メソッドを使用してください。
<script type="text/javascript">
document.write(String.fromCharCode(12486,12461,12473,12488));
/* テキスト */
</script>
先頭から文字列検索
indexOf()
unknown
第1引数検索文字列があるいか、文字列の先頭から検索します(大文字・小文字の区別あり)。 見つかった場合に見つかった位置を返し、見つからなかった場合に-1を返します。
検索を開始する位置を指定する場合は、オプションの第2引数検索開始位置に文字列の先頭から何文字目から検索を開始するかを指定します。 文字列の先頭は0始まりです。
<script type="text/javascript"> document.write("banana".indexOf("a")+"<br \/>"); document.write("banana".indexOf("a", 5)); </script>
文字を斜体にする
italics()
unknown
文字列オブジェクトに指定した文字列を、<i>~</i>で囲んで返します。
write()メソッドで出力すると、斜体で表示されます。
<script type="text/javascript"> document.write("abcde".italics()+"<br \/>"); document.write("あいうえお".italics()); </script>
末尾から文字列検索
lastIndexOf()
unknown
文字列オブジェクトに指定した文字列中に、検索文字列が含まれるか、文字列の末尾から検索します(大文字・小文字の区別あり)。 文字列中に見つかった場合に見つかった位置を返し、見つからなかった場合に-1を返します。
検索を開始する位置を指定する場合は、オプションの第2引数検索開始位置に文字列の末尾から何文字目から検索を開始するかを指定します。 文字列の末尾は0始まりです。
<script type="text/javascript"> document.write("banana".lastIndexOf("a")+"<br \/>"); document.write("banana".lastIndexOf("a", 4)); </script>
文字の長さを返す
length
unknown
文字列の文字の長さを返します。 半角も全角も1文字としてカウントされます。
<script type="text/javascript"> document.write("abcde".length+"<br \/>"); /* 5 */ document.write("あいうえお".length); /* 5 */ </script>
テキストリンク生成
link()
unknown
文字列オブジェクトに指定した文字列を、<a>~</a>で囲み、a要素のhref属性に引数で指定したURLを設定して返します。 第1引数URLには、リンク先となるURLを指定します。 write()メソッドで出力すると、テキストリンクが表示されます。
<script type="text/javascript">
document.write("PHP & JavaScript Room".link("http://phpjavascriptroom.com/"));
/* <a href="http://phpjavascriptroom.com/">PHP & JavaScript Room</a> */
</script>
正規表現に一致するか調べる
match()
unknown
文字列オブジェクトに指定した文字列に検索文字列に指定した特定の文字列あるいは正規表現に一致する文字列があるか調べます。 見つかった場合は、一致した部分の文字列を返します。 見つからなかった場合は、NULLを返します。
見つかった位置を取得したい場合は、indexOf()メソッド、lastIndexOf()メソッドを使用してください。
<script type="text/javascript"> document.write("php".match("PHP")+"<br \/>"); /* null */ document.write("php".match("php")+"<br \/>"); /* php */ document.write("php".match(/^[a-z]{3}/)+"<br \/>"); /* php */ </script>
文字列置換
replace()
unknown
文字列中に検索文字列がある場合、それ(ら)を置換文字列に置換して返します。 第1引数検索文字列には、正規表現も指定可能です。 大文字小文字を区別する場合は「i」、全文検索する場合は「g」を指定します。 大文字小文字を区別して全文検索する場合は、「gi」を指定します。
<script type="text/javascript"> /* 通常の文字列置換 */ document.write("I like I like アップル♪".replace("I like", "").replace("♪","が好き♪")+"<br \/>"); /* 正規表現を使用した文字列置換 */ var str="PHP & JavaScript Room"; /* 大文字小文字の区別あり(i) */ document.write(str.replace(/javascript/i, "JS")+"<br \/>"); /* 全文検索+大文字小文字の区別あり(gi) */ var str="phpはサーバーサイドのプログラミング言語です。このサイトは、phpを使って動的なHTMLを生成しています。"; document.write(str.replace(/php/gi, "<strong>PHP</strong>")); </script>
文字列検索
search()
unknown
文字列オブジェクトに指定した文字列の中に、引数で指定した検索文字列が含まれるか、文字列の先頭(インデックス番号=0)から検索します(大文字・小文字の区別あり)。 文字列中に検索文字列が見つかった場合に見つかった位置を返し、見つからなかった場合に-1を返します。
第1引数regexpには、文字列または正規表現を指定可能です。
検索開始位置を指定できないことを除いて、indexOf()メソッドと同じです。
<script type="text/javascript"> document.write("banana".search("a")+"<br \/>"); document.write("banana".search(/a/i)); </script>
指定範囲の文字を取得(開始位置に負の値指定可)
slice()
unknown
文字列から指定した範囲(開始位置~終了位置の前まで)の文字列を返します。 文字列の先頭は0始まりです。 オプションの第2引数終了位置を省略した場合、開始位置から文字列の末尾までの文字列を返します。
substring()メソッドと同じですが、開始位置に負の値を指定可能です。 第1引数開始位置に負の値を指定した場合、文字列の末尾から数えた文字数となります。 末尾は-1です。末尾から2つ目の文字は-2となります。 負の値を指定した場合は、終了位置を指定できませんので、開始位置から文字列の末尾までの文字列を返します。
<script type="text/javascript"> document.write("あいうえお".slice(0,2)+"<br \/>"); document.write("あいうえお".slice(2,3)+"<br \/>"); document.write("あいうえお".slice(2)+"<br \/>"); document.write("あいうえお".slice(-2)+"<br \/>"); </script>
文字を小さくする
small()
unknown
文字列オブジェクトに指定した文字列を、<small>~</small>で囲んで返します。
write()メソッドで出力すると、現在のフォントサイズより小さめに表示されます。
<script type="text/javascript">
document.write("テキスト(通常)"+"<br \/>");
document.write("テキスト(small)".small());
/* <small>テキスト</small> */
</script>
指定文字で文字列分割し配列に格納
split()
unknown
文字列を指定した区切り文字で分割し、分割後の文字列を配列として返します。 オプションの第2引数最大分割数した場合、指定した数の分割のみが行われます。 つまり、最大分割数=戻り値の配列の長さになります。
<script type="text/javascript"> var str="あ い う え お"; document.write(str.split(" ")+"<br \/>"); document.write(str.split(" ",2)+"<br \/>"); for(var i=0; i<str.length; i++){ document.write(i+"="+str[i]+"<br \/>"); } </script>
取消線を引く
strike()
unknown
文字列オブジェクトに指定した文字列を、<strike>~</strike>で囲んで返します。
write()メソッドで出力すると、等幅フォントで表示されます。
<script type="text/javascript">
document.write("テキスト".strike());
/* <strike>テキスト</strike> */
</script>
下付き文字にする
sub()
unknown
文字列オブジェクトに指定した文字列を、<sub>~</sub>で囲んで返します。
write()メソッドで出力すると、下付き文字で表示されます。
<script type="text/javascript">
document.write("H"+"2".sub()+"O");
/* H<sub>2</sub>O */
</script>
指定位置から指定長の文字列を取得
substr()
unknown
指定した位置から指定した文字数分の文字列を返します。 文字列の先頭は0始まりです。 オプションの第2引数文字数を省略した場合、文字列の末尾までの文字列を返します。
<script type="text/javascript"> document.write("あいうえお".substr(0,2)+"<br \/>"); document.write("あいうえお".substr(2,3)+"<br \/>"); document.write("あいうえお".substr(2)); </script>
指定範囲の文字列を取得
substring()
unknown
文字列から指定した範囲(開始位置~終了位置の前まで)の文字列を返します。 文字列の先頭は0始まりです。 オプションの第2引数終了位置を省略した場合、開始位置から文字列の末尾までの文字列を返します。
slice()メソッドと同じですが、開始位置に負の値を指定できないことが異なります。
<script type="text/javascript"> document.write("あいうえお".substring(0,2)+"<br \/>"); document.write("あいうえお".substring(2,3)+"<br \/>"); document.write("あいうえお".substring(2)); </script>
上付き文字にする
sup()
unknown
文字列オブジェクトに指定した文字列を、<sup>~</sup>で囲んで返します。
write()メソッドで出力すると、上付き文字で表示されます。
<script type="text/javascript">
document.write("H"+"2".sup()+"O");
/* H<sup>2</sup>O */
</script>
小文字にする
toLowerCase()
unknown
文字列オブジェクトに指定した文字列中にあるアルファベットを、全て小文字にして返します。
<script type="text/javascript"> document.write("Hello! Internet!".toLowerCase()); </script>
大文字にする
toUpperCase()
unknown
文字列オブジェクトに指定した文字列中にあるアルファベットを、全て大文字にして返します。
<script type="text/javascript"> document.write("Hello! Internet!".toUpperCase()); </script>