JavaScript文字列



String オブジェクトは、既存の文字ブロックを処理するために使用されます。


JavaScript 文字列

文字列は、「John Doe」のような一連の文字を格納するために使用されます。

文字列では一重引用符または二重引用符を使用できます:

var carname="ボルボ XC60";
var carname='Volvo したがって、文字列の最初の文字は [0]、2 番目の文字は [1] というようになります。
以下に示すように、文字列内で引用符を使用できます:

varanswer="大丈夫です";
varanswer="彼は「ジョニー」と呼ばれています";
varanswer='彼は「ジョニー」と呼ばれています"';

または、引用符を使用して文字列内でエスケープ文字を使用することもできます:

インスタンス

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<script>
var carname1="Volvo XC60";
var carname2='Volvo XC60';
var answer1="It's alright";
var answer2="He is called 'Johnny'";
var answer3='He is called "Johnny"';
document.write(carname1 + "<br>")
document.write(carname2 + "<br>")
document.write(answer1 + "<br>")
document.write(answer2 + "<br>")
document.write(answer3 + "<br>")
</script>

</body>
</html>


インスタンスの実行»
[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します

文字String

String は、長さ属性
length
を使用して文字列の長さを計算します:

Instance

<!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() を使用して、文字列内で指定された文字が最初に出現する場所を見つけます。オンラインの例を見る

対応する文字が見つからない場合、関数は -1 を返します

lastIndexOf() メソッドは文字列の末尾から開始して、文字列が出現する位置を見つけます。


コンテンツマッチング

match()

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

インスタンス
<!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>

インスタンスの実行»

「インスタンスの実行」ボタンをクリックしてオンラインインスタンスを表示します

置換コンテンツ


replace()

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

インスタンス

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

インスタンスの実行 »

「インスタンスの実行」ボタンをクリックしてオンラインインスタンスを表示します

文字列の大文字と小文字の変換

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

Example

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>

<p>替换 "Microsoft" 为 "php.cn" :</p>
<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>

サンプルの実行»

オンラインで表示するには「サンプルの実行」ボタンをクリックしてくださいインスタンス


文字列を配列に変換します

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

インスタンス

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>

<script>
var txt="Hello World!";
document.write("<p>" + txt.toUpperCase() + "</p>");
document.write("<p>" + txt.toLowerCase() + "</p>");
document.write("<p>" + txt + "</p>");
</script>
<p>该方法返回一个新的字符串,源字符串没有被改变。</p>

</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 は正しいテキスト文字列を出力します: 私たちは北からのいわゆる「バイキング」です。

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

codeoutput
'一重引用符
"二重引用符
\ラッシュロッド
nlineフィード
r改行
tタブ
bスペース
fページ変更


文字列のプロパティとメソッド

属性:

  • 長さ

  • プロトタイプ

  • コンストラクター

メソッド:

  • charAt()

  • charCode At()

  • concat()

  • fromCharCode()

  • indexOf()

  • lastIndexOf()

  • match()

  • replace()

  • search()

  • スライス()

  • 分割 () StSubstr ()

  • 部分文字列 ()

  • To小文字 ()

  • 大文字 ()

  • valueof ()