JavaScript 字串


String 物件用於處理已有的字元區塊。

JavaScript 字串

一個字串用於儲存一系列字元就像"John Doe".

一個字串可以使用單引號或雙引號：

實例

var carname="Volvo XC60";
var carname='Volvo XC60';
##你使用位置（索引）可以存取字串中任何的字元：

實例

##var character= carname[7];

字串的索引從零開始, 所以字串第一字元為[0],第二個字元為[1], 等等。

你可以在字串中使用引號，如下實例：

實例

var answer="It's alright";

var answer="He is called 'Johnny'";
var answer='He is called "Johnny"';

或者你可以在字串中使用轉義字元使用引號：

#實例

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

來計算字串的長度：

實例

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

運行實例»
##點擊"運行實例"按鈕查看線上實例

在字串中尋找字串
字串使用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>

運行實例»

點擊"運行實例" 按鈕查看在線實例

如果沒找到對應的字元函數返回-1

lastIndexOf() 方法在字串末尾開始查找字串出現的位置。

內容匹配

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>

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

執行實例 »

點擊 "執行實例" 按鈕查看線上實例

字串大小寫轉換

字串大小寫轉換使用函數toUpperCase() / toLowerCase():

實例

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

運行實例»

#點擊"運行實例" 按鈕查看線上實例

字串轉為陣列

字串使用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[0];
}
</script>

</body>
</html>

運行實例»

點擊"運行實例" 按鈕查看線上實例

#特殊字元

Javascript 中可以使用反斜線（\）插入特殊符號，如：撇號,引號等其他特殊符號。

查看如下JavaScript 程式碼:

var txt="We are the so-called "Vikings" from the north.";
document.write(txt);

在JavaScript中，字串的開始和停止使用單引號或雙引號。這意味著，上面的字串將被切成： We are the so-called

解決以上的問題可以使用反斜線來轉義引號：

var txt ="We are the so-called \"Vikings\" from the north.";
document.write(txt);

JavaScript將輸出正確的文字字串：We are the so-called "Vikings" from the north.

下表列出其他特殊字符，可以使用反斜線轉義特殊字符：

代碼輸出
\'單一引號
\"雙引號
\\#斜桿
#\n換行
\r回程
\ttab
\ b空格
\f換頁

##字符字串屬性與方法

屬性:

  • length

  • prototype

  • constructor

方法:

  • charAt()

  • charCodeAt()

  • #concat()

  • fromCharCode()

  • indexOf()

  • lastIndexOf()

  • match()

  • #replace()

    • ##search()

    • slice()

    • split()

    • substr()

    • substring()

    • toLowerCase()

    • toUpperCase()

    • #valueOf()

←
→