HTML DOM教程50-JavaScript Stringオブジェクト
12196 ワード
HTML DOM教程50-JavaScript Stringオブジェクト
文字列はJavaScriptの基本的なデータタイプです.
Stringオブジェクトのlength属性は、文字列の文字数を表しています.Stringクラスは文字列を大量に操作する方法を定義しています.
なお、JavaScriptの文字列は可変ではなく、Stringクラスの定義方法は文字列の内容を変えることができません.
1:Stringオブジェクトの方法
方法
説明
FF
N
IE
アンチョー()
HTMLアンカーを作成します
1
2
3
big()
大きなフォントで文字列を表示します.
1
2
3
blink()
フラッシュ文字列を表示します.
1
2
bold()
太字で文字列を表示します.
1
2
3
charAt()
指定された位置の文字を返します.
1
2
3
charCodeAt()
指定された位置にある文字のユニックコードを返します.
1
4
4
concat()
文字列を接続します
1
4
4
fixed()
タイプライターテキストで文字列を表示します.
1
2
3
fontカラー
指定した色を使って文字列を表示します.
1
2
3
fontsize()
指定されたサイズを使って文字列を表示します.
1
2
3
from CharCode()
文字コードから文字列を作成します.
1
4
4
indexOf()
文字列を検索します
1
2
3
italics()
斜体を使って文字列を表示します.
1
2
3
lastIndexOf()
後から前へ文字列を検索します.
1
2
3
link()
文字列をリンクとして表示します.
1
2
3
locale Compare()
ローカル特定の順序で2つの文字列を比較します.
1
4
4
match()
一つ以上の表現でマッチを見つけました.
1
4
4
replace()
正規表現と一致する部分列を置換します.
1
4
4
search()
正規表現にマッチする値を検索します.
1
4
4
slice()
文字列の断片を抽出し、抽出された部分を新しい文字列に返します.
1
4
4
small()
小さいサイズの文字列を表示します.
1
2
3
スプリット()
文字列を文字列配列に分割します.
1
4
4
ストリップ()
削除線を使って文字列を表示します.
1
2
3
sub()
文字列を下付きとして表示します.
1
2
3
substr()
開始インデックス番号から文字列の指定数の文字を抽出します.
1
4
4
substring()
文字列の中の2つの指定された索引番号の間の文字を抽出します.
1
2
3
sup()
文字列を上付きとして表示します.
1
2
3
toLocaree LowerCase()
文字列を小文字に変換します.
を選択します.
を選択します.
を選択します.
toLocaleUpperCase()
文字列を大文字に変換します.
を選択します.
を選択します.
を選択します.
LowerCase()
文字列を小文字に変換します.
1
2
3
toUpperCase()
文字列を大文字に変換します.
1
2
3
toSource()
オブジェクトのソースコードを表します.
1
4
を選択します.
toString()
文字列を返します
を選択します.
を選択します.
を選択します.
valueOf()
文字列オブジェクトの元の値を返します.
1
2
4
2:Stringオブジェクトの属性
属性
説明
FF
N
IE
トラック
オブジェクトを作成する関数への参照
1
4
4
length
文字列の長さ
1
2
3
プロトタイプ
オブジェクトに属性と方法を追加できます.
1
2
4
3:アンチョー()方法
この例では、テキストにアンカーを追加します.
<html><body><script type=“text/javascript”>var txt=“Hello World!”document.write(「「)document.write("
5:concat()方法
この例では、2つの文字列を作成して、concatを使って文字列として表示します.
コメント1:indexOf()メソッドは、大文字と小文字に敏感です.
注2:検索する文字列の値が現れていない場合、この方法は-1を返します.
本例では、「ハローワールド!」の文字列で異なる検索を行います.
構文:stingObject.substring(start,stop):stopパラメータを省略すると、返ってきたサブストリングは文字列の最後まで続きます.パラメータstartがendと等しい場合、この方法は空のストリング(つまり、長さが0の文字列)です.startがendより大きい場合、この方法はサブストリングを抽出する前にこの2つのパラメータを交換します.
重要事項:slice()とsubstr()の方法と違って、substring()は負のパラメータを受け入れません.
この例では、substringを使用して文字列からいくつかの文字を抽出する.
構文:stingObject.split:パラメータhowmanyは返した配列の最大長さを指定できます.このパラメータを設定すると、返したサブストリングはこのパラメータで指定された配列より多くなりません.このパラメータを設定しないと文字列全体が分割されます.その長さは考慮されません.
空の文字列(")をseparatorとすると、stingObjectの各文字間が分割されます.
例1
本例では、文字列を異なる方法で分割します.
この例では、分割構造をより複雑な文字列にする.
次のコードを使って、文を単語に分割できます.
単語をアルファベットに分割するか、文字列を文字に分割する場合は、次のコードが使えます.
match()メソッドは、指定された値を文字列内で検索したり、1つ以上の正規表現のマッチングを見つけることができます.この方法はindexOf()とlastIndexOf()と似ていますが、文字列の位置ではなく指定された値を返します.
文法:strigObject.match(search value)は、search valueが必要です.検索する文字列の値を指定します.
または、stingObject.match(regexp)は、regexpが必要です.マッチングするモードのRegExpオブジェクトを規定しています.このパラメータがRegExpオブジェクトでない場合は、まずRegExpアーキテクチャ関数に伝達し、RegExpオブジェクトに変換する必要があります.
match()方法は、regexpにマッチする1つ以上のテキストを見つけるために文字列stingObjectを検索します.この方法の挙動は、regexpがフラグgを持っているか否かに大きく依存します.
regexpにフラグgがない場合、match()方法はstingObjectで一回だけマッチします.マッチするテキストが見つからなかったら、match()nullを返します.それ以外の要素は正規表現のサブ表現と一致するテキストを格納する配列を返します.この通常の配列要素以外に、返した配列は2つのオブジェクト属性を含んでいます.index属性は、nullを返します.ステートメントは、テキストにマッチする先頭文字のstrigObject内の位置を表します.input属性宣言は、strigObjectへの参照です.
regexpがフラグgを持っているなら、match()方法は大域検索を実行します.ストリングObjectの中のすべての配偶子文字列が見つかります.マッチするサブストリングが見つからない場合はnullに戻ります.1つまたは複数のピペットストリングが見つかったら、1つの配列に戻ります.しかし、大域一致が返ってくる配列の内容は前の者とは大きく違って、その配列要素の中にはstingObjectのすべてのマッチするサブストリングが格納されています.index属性やinput属性もありません.
グローバル検索モードでは、match()は、サブ表現にマッチするテキストの情報を提供しないし、各サブストリングの位置も宣言しないです.これらの大域検索の情報が必要なら、RegExp.exec()を使用できます.
例1
本例では、「ハローワールド!」で異なる検索を行います.
この例では、大域一致の正規表現を使って文字列内のすべての数字を検索します.
文字列はJavaScriptの基本的なデータタイプです.
Stringオブジェクトのlength属性は、文字列の文字数を表しています.Stringクラスは文字列を大量に操作する方法を定義しています.
なお、JavaScriptの文字列は可変ではなく、Stringクラスの定義方法は文字列の内容を変えることができません.
1:Stringオブジェクトの方法
方法
説明
FF
N
IE
アンチョー()
HTMLアンカーを作成します
1
2
3
big()
大きなフォントで文字列を表示します.
1
2
3
blink()
フラッシュ文字列を表示します.
1
2
bold()
太字で文字列を表示します.
1
2
3
charAt()
指定された位置の文字を返します.
1
2
3
charCodeAt()
指定された位置にある文字のユニックコードを返します.
1
4
4
concat()
文字列を接続します
1
4
4
fixed()
タイプライターテキストで文字列を表示します.
1
2
3
fontカラー
指定した色を使って文字列を表示します.
1
2
3
fontsize()
指定されたサイズを使って文字列を表示します.
1
2
3
from CharCode()
文字コードから文字列を作成します.
1
4
4
indexOf()
文字列を検索します
1
2
3
italics()
斜体を使って文字列を表示します.
1
2
3
lastIndexOf()
後から前へ文字列を検索します.
1
2
3
link()
文字列をリンクとして表示します.
1
2
3
locale Compare()
ローカル特定の順序で2つの文字列を比較します.
1
4
4
match()
一つ以上の表現でマッチを見つけました.
1
4
4
replace()
正規表現と一致する部分列を置換します.
1
4
4
search()
正規表現にマッチする値を検索します.
1
4
4
slice()
文字列の断片を抽出し、抽出された部分を新しい文字列に返します.
1
4
4
small()
小さいサイズの文字列を表示します.
1
2
3
スプリット()
文字列を文字列配列に分割します.
1
4
4
ストリップ()
削除線を使って文字列を表示します.
1
2
3
sub()
文字列を下付きとして表示します.
1
2
3
substr()
開始インデックス番号から文字列の指定数の文字を抽出します.
1
4
4
substring()
文字列の中の2つの指定された索引番号の間の文字を抽出します.
1
2
3
sup()
文字列を上付きとして表示します.
1
2
3
toLocaree LowerCase()
文字列を小文字に変換します.
を選択します.
を選択します.
を選択します.
toLocaleUpperCase()
文字列を大文字に変換します.
を選択します.
を選択します.
を選択します.
LowerCase()
文字列を小文字に変換します.
1
2
3
toUpperCase()
文字列を大文字に変換します.
1
2
3
toSource()
オブジェクトのソースコードを表します.
1
4
を選択します.
toString()
文字列を返します
を選択します.
を選択します.
を選択します.
valueOf()
文字列オブジェクトの元の値を返します.
1
2
4
2:Stringオブジェクトの属性
属性
説明
FF
N
IE
トラック
オブジェクトを作成する関数への参照
1
4
4
length
文字列の長さ
1
2
3
プロトタイプ
オブジェクトに属性と方法を追加できます.
1
2
4
3:アンチョー()方法
この例では、テキストにアンカーを追加します.
<script type="text/javascript">
var txt="Hello world!"
document.write(txt.anchor("myanchor"))
</script>
上のコードは純粋なHTMLに出力されます.<a name="myanchor">Hello world!</a>
4:blink()、big()、sub()、fixed()などの方法<html><body><script type=“text/javascript”>var txt=“Hello World!”document.write(「
Big:」+txt.big()+「
」)document.write(「<Small:"))+txttttttttttxt+<<<<<""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""write(「
Italic:」+txt.italics()+「/p」))document.write(「
Blink:」+txt.blink()+「(does not work in IE)
>“)document.write((")<Fixed:「+txt.fixed()+」“).docunt.write("
Strike:「+txt.strike()+」
“)).docuntment.wttttttttttttttttxt.write……………………………………………………………Lowercase:「+txt.toLowerCase()」
")document.write(「Uppercase:」+txt.toUpperCase()+「Subscript:」+txt.sub()+「document.」http://www.w3school.com.cn「)+」
5:concat()方法
この例では、2つの文字列を作成して、concatを使って文字列として表示します.
<script type="text/javascript">
var str1="Hello "
var str2="world!"
document.write(str1.concat(str2))
</script>
以上のコードの出力は:Hello world!
6:indexOf()方法コメント1:indexOf()メソッドは、大文字と小文字に敏感です.
注2:検索する文字列の値が現れていない場合、この方法は-1を返します.
本例では、「ハローワールド!」の文字列で異なる検索を行います.
<script type="text/javascript">
var str="Hello world!"
document.write(str.indexOf("Hello") + "<br />")
document.write(str.indexOf("World") + "<br />")
document.write(str.indexOf("world"))
</script>
以上のコードの出力:0
-1
6
7:substring()方法構文:stingObject.substring(start,stop):stopパラメータを省略すると、返ってきたサブストリングは文字列の最後まで続きます.パラメータstartがendと等しい場合、この方法は空のストリング(つまり、長さが0の文字列)です.startがendより大きい場合、この方法はサブストリングを抽出する前にこの2つのパラメータを交換します.
重要事項:slice()とsubstr()の方法と違って、substring()は負のパラメータを受け入れません.
この例では、substringを使用して文字列からいくつかの文字を抽出する.
<script type="text/javascript">
var str="Hello world!"
document.write(str.substring(3))
</script>
出力:lo world!
8:スプリット()の方法構文:stingObject.split:パラメータhowmanyは返した配列の最大長さを指定できます.このパラメータを設定すると、返したサブストリングはこのパラメータで指定された配列より多くなりません.このパラメータを設定しないと文字列全体が分割されます.その長さは考慮されません.
空の文字列(")をseparatorとすると、stingObjectの各文字間が分割されます.
例1
本例では、文字列を異なる方法で分割します.
<script type="text/javascript">
var str="How are you doing today?"
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
例2この例では、分割構造をより複雑な文字列にする.
"2:3:4:5".split(":") // ["2", "3", "4", "5"]
"|a|b|c".split("|") // ["", "a", "b", "c"]
例3次のコードを使って、文を単語に分割できます.
var words = sentence.split(' ')
または正規表現をseparatorとして使用します.var words = sentence.split(/"s+/)
例4単語をアルファベットに分割するか、文字列を文字に分割する場合は、次のコードが使えます.
"hello".split("") // ["h", "e", "l", "l", "o"]
一部の文字を返すだけなら、howmanyパラメータを使ってください."hello".split("", 3) // ["h", "e", "l"]
9:match()方法match()メソッドは、指定された値を文字列内で検索したり、1つ以上の正規表現のマッチングを見つけることができます.この方法はindexOf()とlastIndexOf()と似ていますが、文字列の位置ではなく指定された値を返します.
文法:strigObject.match(search value)は、search valueが必要です.検索する文字列の値を指定します.
または、stingObject.match(regexp)は、regexpが必要です.マッチングするモードのRegExpオブジェクトを規定しています.このパラメータがRegExpオブジェクトでない場合は、まずRegExpアーキテクチャ関数に伝達し、RegExpオブジェクトに変換する必要があります.
match()方法は、regexpにマッチする1つ以上のテキストを見つけるために文字列stingObjectを検索します.この方法の挙動は、regexpがフラグgを持っているか否かに大きく依存します.
regexpにフラグgがない場合、match()方法はstingObjectで一回だけマッチします.マッチするテキストが見つからなかったら、match()nullを返します.それ以外の要素は正規表現のサブ表現と一致するテキストを格納する配列を返します.この通常の配列要素以外に、返した配列は2つのオブジェクト属性を含んでいます.index属性は、nullを返します.ステートメントは、テキストにマッチする先頭文字のstrigObject内の位置を表します.input属性宣言は、strigObjectへの参照です.
regexpがフラグgを持っているなら、match()方法は大域検索を実行します.ストリングObjectの中のすべての配偶子文字列が見つかります.マッチするサブストリングが見つからない場合はnullに戻ります.1つまたは複数のピペットストリングが見つかったら、1つの配列に戻ります.しかし、大域一致が返ってくる配列の内容は前の者とは大きく違って、その配列要素の中にはstingObjectのすべてのマッチするサブストリングが格納されています.index属性やinput属性もありません.
グローバル検索モードでは、match()は、サブ表現にマッチするテキストの情報を提供しないし、各サブストリングの位置も宣言しないです.これらの大域検索の情報が必要なら、RegExp.exec()を使用できます.
例1
本例では、「ハローワールド!」で異なる検索を行います.
<script type="text/javascript">
var str="Hello world!"
document.write(str.match("world") + "<br />")
document.write(str.match("World") + "<br />")
document.write(str.match("worlld") + "<br />")
document.write(str.match("world!"))
</script>
出力:world
null
null
world!
例2この例では、大域一致の正規表現を使って文字列内のすべての数字を検索します.
<script type="text/javascript">
var str="1 plus 2 equal 3"
document.write(str.match(/"d+/g)
)
</script>
出力:1,2,3