1.先前我們使用過的代碼:
var myName = "your name";
"your name" 被稱作 字符串。 字符串是用單或雙引號包裹起來的一連串的零個或多個字符;
2.當你定義一個字符串必須要用單引號或雙引號來包裹它。那么當你需要在字符串中使用一個: " 或者 ' 時該怎么辦呢?
在 JavaScript 中,你可以通過在引號前面使用 反斜杠 () 來轉義引號。
var sampleStr = "Alan said, "Peter is learning JavaScript".";
這標志著提醒 JavaScript 單引號或雙引號并不是字符串的結尾,而是出現在字符串內的字符。所以,如果你要打印字符串到控制臺,你將得到:
Alan said, "Peter is learning JavaScript".
I am a "double quoted" string inside "double quotes"
例:
var myStr;
myStr = "I am a "double quoted" string inside "double quotes"";
var myStr ='<a target="_blank">Link</a>';
這是在同一段中,需使用多個專一符時,可以用''。
3.字符串中的轉義序列
引號不是字符串中唯一的可以被轉義字符。下面是常見的轉義序列列表:
Code Output
' 單引號
" 雙引號
\ 反斜杠符
\n 換行符
\r 回車符
\t 制表符
\b 退格符
\f 換頁符
注意,如果你想要顯示一個反斜杠就必須要轉義它。
任務
按照下面的順序,并且用空格來分割:
反斜杠 制表符 退格符 回車符 換行符 并把它賦值給變量 myStr
var myStr="\\ \t\ \b\ \r\ \n";
4.在 JavaScript 中,當 + 操作符與 字符串 一起使用的時候,它被稱作 連接 操作符。你可以通過和其他字符串連接 來創建一個新的字符串。
舉個例子
'My name is Alan,' + ' I concatenate.'
注意
當心空格。連接操作不會添加兩個字符串之外的空格,所以想加上空格的話,你需要自己在字符串里面添加
任務:
使用 + 操作,把字符串 "This is the start. " 和 "This is the end." 連接起來并賦值給變量 myStr。
var myStr = "This is the start. " + "This is the end.";
5.我們還可以使用 += 運算符來 連接 字符串到現有字符串的結尾。對于那些非常長的字符串來說,這一操作是非常有用的。
注意
當心空格。連接操作不會添加兩個字符串外面的空格,所以如果想要加上空格的話,你需要自己在字符串里面添加。
任務
通過使用 += 操作符來連接這兩個字符串:
"This is the first sentence. " 和 "This is the second sentence." 并賦給變量 myStr
var myStr ="This is the first sentence. ";
myStr +="This is the second sentence.";
6.有時候你需要創建一個填字風格的字符串。
通過使用連接運算符 + ,你可以插入一個或多個變量來組成一個字符串。
任務
把你的名字賦值給變量 myName ,然后把變量 myName 插入到字符串 "My name is " 和 " and I am swell!"之間,并把連接后的結果賦值給變量 myStr。
var myName ="xie xiao qiang";
var myStr ="My name is " + myName + " and I am swell!";
7.我們不僅可以創建出多行的字符串,還可以使用加等號(+=)運算符來追加變量到字符串上。
任務
設置變量 someAdjective 的值,并使用 += 運算符把它追加到變量 myStr 上。
var someAdjective = "hahahaha";
var myStr = "Learning to code is ";
myStr += someAdjective;
8.你可以通過在字符串變量或字符串后面寫上 .length 來獲得字符串變量 字符串 值的長度。
"Alan Peter".length; // 10
例如,我們創建了一個變量 var firstName = "Charles",我們就可以通過使用 firstName.length 來獲得 "Charles" 字符串的長度。
任務
使用 .length 屬性來獲得變量 lastName 的長度,并把它賦值給變量 lastNameLength
// 舉例
lastNameLength = lastName.length;