Rentetan JavaScript


Objek rentetan digunakan untuk memproses blok aksara sedia ada.

JavaScript Rentetan

Rentetan digunakan untuk menyimpan jujukan aksara seperti "John Doe".

Rentetan boleh menggunakan petikan tunggal atau berganda :

Instance

var carname="Volvo XC60";
var carname='Volvo XC60';

Anda boleh mengakses mana-mana aksara dalam rentetan menggunakan kedudukan (indeks):

Instance

var character= carname [7];

Indeks rentetan bermula dari sifar, jadi aksara pertama rentetan ialah [0], aksara kedua ialah [1], dsb.

Anda boleh menggunakan petikan dalam rentetan, seperti yang ditunjukkan di bawah:

Contoh

var answer="It's alright";
var answer="Dia dipanggil 'Johnny'";
var answer='Dia dipanggil "Johnny"';

Atau anda boleh menggunakan aksara melarikan diri dalam rentetan menggunakan petikan:

Instance

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

Run Instance»

Klik butang "Run Instance" untuk melihat contoh dalam talian

String

String menggunakan atribut lengthlength untuk mengira panjang rentetan:

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>

Jalankan contoh»

Klik butang "Jalankan contoh" untuk melihat contoh dalam talian

Cari rentetan dalam rentetan

String menggunakan indexOf () untuk mencari kejadian pertama aksara yang ditentukan dalam rentetan:

Contoh

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

Run Instance»

Klik butang "Jalankan Instance" untuk melihat contoh dalam talian

Jika fungsi aksara yang sepadan tidak dijumpai, ia mengembalikan -1

Kaedah lastIndexOf() adalah dalam rentetan Cari kejadian rentetan bermula dari akhir. Fungsi

Padanan kandungan

match() digunakan untuk mencari aksara tertentu dalam rentetan, dan jika ditemui, mengembalikan aksara ini.

Instance

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

Run Instance»

Klik butang "Run Instance" untuk melihat contoh dalam talian

Kaedah

Ganti kandungan

ganti() menggantikan aksara tertentu dengan aksara lain dalam rentetan.

Instance

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

Run instance »

Klik butang "Run Instance" untuk melihat instance dalam talian

Penukaran huruf rentetan

Penukaran huruf rentetan menggunakan fungsike huruf besar() / ke huruf kecil():

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.toUpperCase() + "</p>");
document.write("<p>" + txt.toLowerCase() + "</p>");
document.write("<p>" + txt + "</p>");
</script>
<p>该方法返回一个新的字符串，源字符串没有被改变。</p>

</body>
</html>

Run Instance»

Klik butang "Run Instance" untuk melihat contoh dalam talian

Tukar rentetan kepada tatasusunan

Gunakan fungsi strong>split() untuk menukar rentetan kepada tatasusunan:

Contoh

<!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[0];
}
</script>

</body>
</html>

Jalankan contoh »

Klik butang "Jalankan contoh" untuk melihat tika dalam talian

Watak istimewa

Anda boleh menggunakan garis serong ke belakang () untuk memasukkan simbol khas dalam Javascript , seperti: apostrof, tanda petikan dan simbol khas lain.

Lihat kod JavaScript berikut:

var txt="Kami adalah apa yang dipanggil "Viking" dari utara.";
document.write(txt);

Dalam JavaScript, rentetan bermula dan berhenti menggunakan petikan tunggal atau berganda. Ini bermakna rentetan di atas akan dipotong menjadi: Kami adalah apa yang dipanggil

Untuk menyelesaikan masalah di atas, anda boleh menggunakan garis miring ke belakang untuk melepaskan petikan:

var txt = "Kami adalah apa yang dipanggil "Viking" dari utara.";
document.write(txt);

JavaScript akan mengeluarkan rentetan teks yang betul: Kami adalah apa yang dipanggil " Viking" dari utara.

Jadual berikut menyenaraikan watak istimewa yang lain. Anda boleh menggunakan garis miring ke belakang untuk melepaskan watak istimewa:

代码输出
'单引号
"双引号
\斜杆
n换行
r回车
ttab
b空格
f换页

Atribut dan kaedah rentetan

atribut:

  • panjang

  • prototaip

  • pembina

Kaedah:

  • charAt()

  • charCodeAt()

  • concat()

  • dariCharCode()

  • indexOf()

  • lastIndexOf()

  • perlawanan()

  • ganti()

  • cari()

  • slice()

  • split()

  • substr()

  • substring()

  • toLowerCase()

  • toUpperCase()

  • valueOf()