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