一篇文章帶你了解JavaScript字符串
回復(fù)“前端”即可獲贈前端相關(guān)學(xué)習(xí)資料
一、什么是字符串？
一個JavaScript字符串簡單的存儲一系列字符像 "John Doe"。一個字符串可以是任何引號內(nèi)的文本。可以使用單引號或雙引號：
<html lang="en"><head><meta charset="UTF-8"><title>項目title>head><body style="background-color: aqua;"><p id="demo">p><script>var carName1 = "Volvo XC60";var carName2 = 'Volvo XC60';document.getElementById("demo").innerHTML =carName1 + "
" + carName2;script>body>html>
可以在字符串中使用引號，只要不匹配字符串周圍的引號。
var answer1 = "It's alright";var answer2 = "He is called 'Johnny'";var answer3 = 'He is called "Johnny"';
二、String 長度
使用內(nèi)建的字符串長度屬性判斷長度：
<script>var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";document.getElementById("demo").innerHTML = txt.length;script>
三、特殊字符
因為字符串必須用引號，JavaScript會誤解這樣的字符串:
var y = "We are the so-called "Vikings" from the north."字符串將被截斷到 "We are the so-called "。避免這個問題的解決方案, 是使用 \ 字符。
反斜杠轉(zhuǎn)義字符，將字符轉(zhuǎn)義:
<html lang="en"><head><meta charset="UTF-8"><title>項目title>head><body style="background-color: aqua;"><p id="demo">p><script>var x = 'It\'s alright';var y = "We are the so-called \"Vikings\" from the north.";document.getElementById("demo").innerHTML = x + "
" + y;script>body>html>
1. 轉(zhuǎn)義符
轉(zhuǎn)義符也可以用來在字符串中插入其他的特殊字符，這些都是常用的特殊字符，可以在特殊本文前面插入一個反斜線。
| 代碼 | 輸出 |
|---|---|
| ' | 單引號 |
| " | 雙引號 |
| \ | 反斜線 |
五種其他轉(zhuǎn)義字符在JavaScript中是有效的:
| 代碼 | 輸出 |
|---|---|
| \b | 退格 |
| \r | 回車 |
| \f | 表單反饋 |
| \t | 水平制表符號 |
| \v | 垂直制表符號 |
以上的轉(zhuǎn)義字符最初是用于控制打字機(jī)，電傳，傳真機(jī)。他們在HTML中不再有的任何意義.
四、代碼換行
為了達(dá)到最佳的可讀性，通常喜歡避免超過80個字符的代碼行，如果一個JavaScript語句不適合寫在一行，最好在操作符的地方換行：
document.getElementById("demo").innerHTML ="Hello Dolly.";
也可以把代碼寫在一個有反斜杠的文本字符串內(nèi)。
document.getElementById("demo").innerHTML ="Hello Dolly.";
\方法不是首選方法，它可能沒有普遍支持，有些瀏覽器不允許字符 \ 后面的空格。
一個更安全的方法來換行一個字符串，是使用字符串加法：
document.getElementById("demo").innerHTML?=?"Hello"?+?"Dolly!";
不能在一個代碼行加上一個反斜杠來實現(xiàn)換行：
document.getElementById("demo").innerHTML = \"Hello Dolly!";/*不能在一個代碼行加上一個反斜杠來實現(xiàn)換行,會顯示不出來 */
五、總結(jié)
本文基于JavaScript，介紹了字符串相關(guān)操作 。對字符在實際應(yīng)用的時，需要注意什么，應(yīng)該怎么去運用，做了詳細(xì)的講解。
對于那些特殊的字符（ 轉(zhuǎn)義符），用豐富的效果圖 講解了JavaScript中什么是有效的字符，能夠讓讀者更好的理解。
代碼很簡單， 希望能夠幫助你更好的學(xué)習(xí)。
-------------------?End?-------------------
往期精彩文章推薦：
歡迎大家點贊，留言，轉(zhuǎn)發(fā)，轉(zhuǎn)載，感謝大家的相伴與支持
想加入前端學(xué)習(xí)群請在后臺回復(fù)【入群】
萬水千山總是情，點個【在看】行不行