iT邦幫忙

2025 iThome 鐵人賽

DAY 26
0

在 JavaScript 中,字串 (String) 是用來表示文字資料的資料型別。字串是由一連串字元所組成,例如 "Hello" 或 '你好'。

字串建立方式

字串可以用三種方式建立:

let text1 = "Hello World";  // 使用雙引號
let text2 = 'Hello World';  // 使用單引號
let text3 = `Hello World`;  // 使用反引號(模板字串)

建議:在一般情況下使用 單引號 ' 或 雙引號 ",
若需要插入變數或換行時,使用 反引號 `。

字串長度

使用 .length 屬性可以取得字串長度:

let text = "Hello";
console.log(text.length);  // 輸出:5

字串連接

可以使用 + 來合併字串:

let firstName = "John";
let lastName = "Doe";
let fullName = firstName + " " + lastName;
console.log(fullName);  // John Doe

或使用 模板字串 (Template Literals):

let fullName = `${firstName} ${lastName}`;
console.log(fullName);  // John Doe

常見字串方法

方法 說明 範例
toUpperCase() 轉為大寫 "hello".toUpperCase()"HELLO"
toLowerCase() 轉為小寫 "HELLO".toLowerCase()"hello"
trim() 移除前後空白 " hi ".trim()"hi"
slice(start, end) 擷取部分字串 "Hello".slice(1, 4)"ell"
substring(start, end) 擷取部分字串(不支援負數) "Hello".substring(1, 4)"ell"
replace(old, new) 替換內容 "I like cats".replace("cats", "dogs")"I like dogs"
includes(value) 檢查是否包含字串 "Hello".includes("ell")true
indexOf(value) 回傳字串出現的位置 "Hello".indexOf("e")1
split(separator) 以特定分隔符切割字串 "a,b,c".split(",")["a", "b", "c"]

範例:模板字串插入變數

let name = "Sam";
let age = 25;
let message = `我的名字是 ${name},我今年 ${age} 歲。`;
console.log(message);
// 輸出:我的名字是 Sam,我今年 25 歲。

範例:多行字串

使用反引號 ` 可以建立多行字串:

let poem = `
Roses are red,
Violets are blue,
JavaScript is awesome,
And so are you!
`;

console.log(poem);

小技巧:跳脫字元

如果字串內需要引號,可以用 反斜線 \ 轉義:

let quote = "He said, \"JavaScript is fun!\"";
console.log(quote);
// 輸出:He said, "JavaScript is fun!"

範例:實際應用

let product = "Laptop";
let price = 32000;

let info = `商品名稱:${product}\n價格:${price} 元`;
console.log(info);

/*
輸出:
商品名稱:Laptop
價格:32000 元
*/

總結

主題 說明
字串建立 使用 ' ', " ", 或 `
字串長度 .length
字串連接 + 或 模板字串 ${}
常見方法 toUpperCase(), slice(), replace(), includes(), split()
多行字串 使用反引號 `
跳脫字元 使用 \

上一篇
JavaScript continue
系列文
30天絕望倒數JavaScript26
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言