程式語言教學誌 FB, YouTube: PYDOING: JavaScript 快速導覽

String 物件 (object) 也就是字串 (string) 物件，其內可容納任何 Unicode 字元。建立物件可以利用建構子函數 (constructor function) ，例如

var stest = new String([value]);

String() 的參數 (parameter) 可以是任何數值，數字、字串或其他物件，因此 String() 會得到該物件的字串形式。若不加 new ， String() 也可當轉換資料型態 (data type) 的函數 (function) 來使用。例如

var stest = String(value);

如果沒有提供參數， String() 會回傳空字串，也就是 "" ，例如

var stest1 = String();        //""
var stest2 = String(22);      //"22"
var stest3 = String(0.01);    //"0.01"
var stest4 = String("hello"); //"hello"
var stest5 = String(Math);    //"[object Math]"
var stest6 = String(Array);   //"[object Array]"

也可以直接由字面常數 (literal) 建立 String 物件，例如

var stest1 = "Welcome to my world!"
var stest2 = "good"

String 的 length 屬性記錄字串的字元數量

屬性	描述
length	記錄字串的字元數量

另有以下常見的方法 (method)

方法	描述
fromCharCode([char0 [, char1 [, …]]])	將 Unicode 編碼的數字轉換成字元
charAt(pos)	依字串索引值回傳該字元
charCodeAt(pos)	依字串索引值回傳該字元的 Unicode 編碼數字
concat([string1 [, string2 [, …]]])	連接各字串
indexOf(searchString, position)	回傳搜尋字串的索引值
lastIndexOf(searchString, position)	回傳搜尋字串最後出現的索引值
match(regexp)	尋找字串中是否有符合的正規表示式，如果有就回傳符合的子字串
search(regexp)	尋找字串中是否有符合的正規表示式，如果有就回傳符合的索引值
replace(searchValue, replaceValue)	尋找字串中是否有可替換的子字串，如果有就回傳替換後的字串
slice(start, end)	回傳指定索引值範圍的子字串
split(separator, limit)	將字串以 separator 拆成子字串， limit 為子字串的個數限制，然後回傳字串陣列
substring(start, end)	回傳指定索引值範圍的子字串
substr(start, length)	回傳 start 開始的子字串， length 為長度
toLowerCase()	將字串中的英文字母改為小寫
toUpperCase()	將字串中的英文字母改為大寫

舉例示範如下

function run() {
    var c = document.getElementById("content");
    var n1 = document.createElement("p"); 
    var n2 = document.createElement("p"); 
    var n3 = document.createElement("p"); 
    var n4 = document.createElement("p");
    var n5 = document.createElement("p");
    var n6 = document.createElement("p");
    
    var t = new String("Welcome to my world!");
    var t1 = new String();
    var t2 = new String(22);
    var t3 = new String(true);
    var t4 = new String(Math);
    var t5 = new String();
    var t6 = 'Welcome to my world!';
    
    n1.appendChild(document.createTextNode(t1));
    c.appendChild(n1);
    n2.appendChild(document.createTextNode(t2));
    c.appendChild(n2);
    n3.appendChild(document.createTextNode(t3));
    c.appendChild(n3);
    n4.appendChild(document.createTextNode(t4));
    c.appendChild(n4);
    n5.appendChild(document.createTextNode(t5));
    c.appendChild(n5);
    n6.appendChild(document.createTextNode(t6));
    c.appendChild(n6);
}

/* 《程式語言教學誌》的範例程式
     http://pydoing.blogspot.com/
     檔名：string01.js
     功能：示範 JavaScript 程式 
     作者：張凱慶
     時間：西元 2010 年 11 月 */

利用以下的 HTML 文件開啟

<html>

<head>
<title>JavaScript Demo</title>
<script src="string01.js" type="text/javascript"></script>
</head>

<body>
<input id="b" type="button" value="RUN" onclick="run();">
<div id="content"></div>
</body>

</html>

<!-- 《程式語言教學誌》的範例程式
     http://pydoing.blogspot.com/
     檔名：string01.html
     功能：示範 JavaScript 程式 
     作者：張凱慶
     時間：西元 2010 年 11 月 -->

執行結果如下