JavaScript 字符串
JavaScript 字符串用于存儲(chǔ)和處理文本。
JavaScript 字符串
字符串可以存儲(chǔ)一系列字符,如 "John Doe"。
字符串可以是插入到引號(hào)中的任何字符。你可以使用單引號(hào)或雙引號(hào):
實(shí)例
var carname = 'Volvo XC60';
你可以使用索引位置來(lái)訪問(wèn)字符串中的每個(gè)字符:
實(shí)例
字符串的索引從 0 開(kāi)始,這意味著第一個(gè)字符索引值為 [0],第二個(gè)為 [1], 以此類(lèi)推。
你可以在字符串中使用引號(hào),字符串中的引號(hào)不要與字符串的引號(hào)相同:
實(shí)例
var answer = "He is called 'Johnny'";
var answer = 'He is called "Johnny"';
你也可以在字符串添加轉(zhuǎn)義字符來(lái)使用引號(hào):
實(shí)例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <p id="demo"></p> <script> var x = 'It\'s alright'; var y = "He is called \"Johnny\""; document.getElementById("demo").innerHTML = x + "<br>" + y; </script> </body> </html>
運(yùn)行實(shí)例 ?
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例
字符串長(zhǎng)度
可以使用內(nèi)置屬性 length 來(lái)計(jì)算字符串的長(zhǎng)度:
實(shí)例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(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>
運(yùn)行實(shí)例 ?
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例
特殊字符
在 JavaScript 中,字符串寫(xiě)在單引號(hào)或雙引號(hào)來(lái)中。
因?yàn)檫@樣,以下實(shí)例 JavaScript 無(wú)法解析:x
字符串 "We are the so-called " 被截?cái)唷?/p>
如何解決以上的問(wèn)題呢?可以使用反斜杠 (\) 來(lái)轉(zhuǎn)義 "Vikings" 字符串中的雙引號(hào),如下:
反斜杠是一個(gè)轉(zhuǎn)義字符。 轉(zhuǎn)義字符將特殊字符轉(zhuǎn)換為字符串字符:
轉(zhuǎn)義字符 (\) 可以用于轉(zhuǎn)義撇號(hào),換行,引號(hào),等其他特殊字符。
下表中列舉了在字符串中可以使用轉(zhuǎn)義字符轉(zhuǎn)義的特殊字符:
代碼 | 輸出 |
---|---|
\' | 單引號(hào) |
\" | 雙引號(hào) |
\\ | 反斜杠 |
\n | 換行 |
\r | 回車(chē) |
\t | tab(制表符) |
\b | 退格符 |
\f | 換頁(yè)符 |
字符串可以是對(duì)象
通常, JavaScript 字符串是原始值,可以使用字符創(chuàng)建:var firstName = "John"
但我們也可以使用 new 關(guān)鍵字將字符串定義為一個(gè)對(duì)象: var firstName = new String("John")
實(shí)例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <p id="demo"></p> <script> var x = "John"; // x是一個(gè)字符串 var y = new String("John"); // y是一個(gè)對(duì)象 document.getElementById("demo").innerHTML =typeof x + " " + typeof y; </script> </body> </html>
運(yùn)行實(shí)例 ?
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例
![]() | 不要?jiǎng)?chuàng)建 String 對(duì)象。它會(huì)拖慢執(zhí)行速度,并可能產(chǎn)生其他副作用: |
---|
實(shí)例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <p id="demo"></p> <script> var x = "John"; // x 是字符串 var y = new String("John"); // y 是一個(gè)對(duì)象 document.getElementById("demo").innerHTML = x===y; </script> <p>=== 為絕對(duì)相等,即數(shù)據(jù)類(lèi)型與值都必須相等。</p> </body> </html>
運(yùn)行實(shí)例 ?
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例
=== 為絕對(duì)相等,即數(shù)據(jù)類(lèi)型與值都必須相等。
字符串屬性和方法
原始值字符串,如 "John", 沒(méi)有屬性和方法(因?yàn)樗麄儾皇菍?duì)象)。
原始值可以使用 JavaScript 的屬性和方法,因?yàn)?JavaScript 在執(zhí)行方法和屬性時(shí)可以把原始值當(dāng)作對(duì)象。
字符串方法我們將在下一章節(jié)中介紹。
字符串屬性
屬性 | 描述 |
---|---|
constructor | 返回創(chuàng)建字符串屬性的函數(shù) |
length | 返回字符串的長(zhǎng)度 |
prototype | 允許您向?qū)ο筇砑訉傩院头椒?/td> |
字符串方法
Method | 描述 |
---|---|
charAt() | 返回指定索引位置的字符 |
charCodeAt() | 返回指定索引位置字符的 Unicode 值 |
concat() | 連接兩個(gè)或多個(gè)字符串,返回連接后的字符串 |
fromCharCode() | 將 Unicode 轉(zhuǎn)換為字符串 |
indexOf() | 返回字符串中檢索指定字符第一次出現(xiàn)的位置 |
lastIndexOf() | 返回字符串中檢索指定字符最后一次出現(xiàn)的位置 |
localeCompare() | 用本地特定的順序來(lái)比較兩個(gè)字符串 |
match() | 找到一個(gè)或多個(gè)正則表達(dá)式的匹配 |
replace() | 替換與正則表達(dá)式匹配的子串 |
search() | 檢索與正則表達(dá)式相匹配的值 |
slice() | 提取字符串的片斷,并在新的字符串中返回被提取的部分 |
split() | 把字符串分割為子字符串?dāng)?shù)組 |
substr() | 從起始索引號(hào)提取字符串中指定數(shù)目的字符 |
substring() | 提取字符串中兩個(gè)指定的索引號(hào)之間的字符 |
toLocaleLowerCase() | 根據(jù)主機(jī)的語(yǔ)言環(huán)境把字符串轉(zhuǎn)換為小寫(xiě),只有幾種語(yǔ)言(如土耳其語(yǔ))具有地方特有的大小寫(xiě)映射 |
toLocaleUpperCase() | 根據(jù)主機(jī)的語(yǔ)言環(huán)境把字符串轉(zhuǎn)換為大寫(xiě),只有幾種語(yǔ)言(如土耳其語(yǔ))具有地方特有的大小寫(xiě)映射 |
toLowerCase() | 把字符串轉(zhuǎn)換為小寫(xiě) |
toString() | 返回字符串對(duì)象值 |
toUpperCase() | 把字符串轉(zhuǎn)換為大寫(xiě) |
trim() | 移除字符串首尾空白 |
valueOf() | 返回某個(gè)字符串對(duì)象的原始值 |