JavaScript 文字列オブジェクト

String オブジェクトを定義する

JavaScript String オブジェクトは、テキスト文字列を処理するために使用されます。 String オブジェクトを作成するための構文は次のとおりです。

<script language="JavaScript">
var str_object = new String( str );
var str1 = String( str );
var str2 = str;
</script>

上記の 3 つのメソッドのうち、最初のメソッドだけが String コンストラクターを使用して文字列オブジェクトを厳密に定義し、オブジェクトを返します。 2 つ目は、String 関数を呼び出してパラメータ str を元の文字列 string に変換して返します。 3 番目の方法は文字列変数を定義する方法ですが、JavaScript では文字列オブジェクトとして扱われます。

次のステートメントを実行して違いを確認します。

alert( typeof str_object ); // 出力オブジェクト
alert( typeof str2 ); // 出力文字列

Stringオブジェクトのプロパティ


プロパティ文字列は長さ属性 length を使用します。文字列の長さを計算するには:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>
<script>
var txt = "Hello World!";
document.write("<p>" + txt.length + "</p>");
var txt="ABCDEFGHIJKLMNOPQRSTUVWXYZ";
document.write("<p>" + txt.length + "</p>");
</script>
</body>
</html>
String は、indexOf() を使用して最初の出現箇所を見つけます。文字列内の指定された文字の検索:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p id="p1">Click the button to locate where "locate" first occurs.</p>
<p id="p2">0</p>
<button onclick="myFunction()">点击查看</button>
<script>
function myFunction(){
var str=document.getElementById("p1").innerHTML;
var n=str.indexOf("locate");
document.getElementById("p2").innerHTML=n+1;
}
</script>
</body>
</html>

match() 関数は文字を検索するために使用されます。文字列内の特定の文字が見つかった場合は、この文字を返します。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<script>
var str="Hello world!";
document.write(str.match("world") + "<br>");
document.write(str.match("World") + "<br>");
document.write(str.match("world!"));
</script>
</body>
</html>

replace() メソッドは、文字列内の特定の文字を他の文字に置き換えます。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<button onclick="myFunction()">点我</button>
<p id="demo">请访问 Microsoft!</p>
<script>
function myFunction() {
    var str = document.getElementById("demo").innerHTML; 
    var txt = str.replace("Microsoft","php.cn");
    document.getElementById("demo").innerHTML = txt;
}
</script>
</body>
</html>

文字列の大文字と小文字の変換には関数 toUpperCase() / toLowerCase() を使用します:

var txt="Hello World!" // String

var txt1=txt.toUpperCase(); // txt1 のテキストが変換されます。 to Uppercase

var txt2=txt.toLowerCase(); // txt2 テキストは小文字に変換されます


文字列は、strong>split() 関数を使用して配列に変換されます:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p id="demo"></p>
<button onclick="myFunction()">点击显示</button>
<script>
function myFunction(){
var str="a,b,c,d,e,f";
var n=str.split(",");
document.getElementById("demo").innerHTML=n[2];
}
</script>
</body>
</html>

特殊文字

バックスラッシュを使用できますJavascript ( ) アポストロフィ、引用符、その他の特殊記号などの特殊記号を挿入します。

次の JavaScript コードを表示します:

var txt="私たちは北からのいわゆる「ヴァイキング」です。";

document.write(txt);

JavaScript では、文字列は一重引用符または二重引用符を使用して開始および終了します。これは、上記の文字列が次のように切り分けられることを意味します: We are the so-called

上記の問題を解決するには、バックスラッシュを使用して引用符をエスケープできます:

var txt="We are the so-known "Vikings "北から。";
document.write(txt);

JavaScript は正しいテキスト文字列を出力します: 私たちは北からのいわゆる「バイキング」です。

次の表は、その他の特殊文字のリストです。バックスラッシュを使用してエスケープできます:

Output
' 一重引用符

" 二重引用符

\ スラッシュバー

n 改行

r キャリッジリターン

t タブスペース

fページ変更

学び続ける
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script type="text/javascript"> var str = "www.php.cn"; document.write( str.split(".") + "<br />" ); document.write( str.split("") + "<br />" ); document.write(str.split(".", 2)); </script> </head> <body> </body> </html>
  • おすすめコース
  • コースウェアのダウンロード
現時点ではコースウェアはダウンロードできません。現在スタッフが整理中です。今後もこのコースにもっと注目してください〜