1. Declare String Variables
var myName = "your name";"your name" 被称作 字符串。 字符串是用单或双引号包裹起来的一连串的零个或多个字符。
任务创建两个新的 字符串 变量:myFirstName 和 myLastName 分别为它们赋上你的姓和名的值。
var myFirstName = "Lilei";
var myLastName = "Jin";
2. Escaping Literal Quotes in Strings
定义一个字符串必须要用单引号或双引号来包裹它。那么当你需要在字符串中使用一个: " 或者 ' 时该怎么办呢?在 JavaScript 中,你可以通过在引号前面使用 反斜杠 (\) 来转义引号。
var sampleStr = "Alan said, \"Peter is learning JavaScript\".";
这标志着提醒 JavaScript 单引号或双引号并不是字符串的结尾,而是出现在字符串内的字符。所以,如果你要打印字符串到控制台,你将得到:Alan said, "Peter is learning JavaScript".
任务:
使用 反斜杠 将一个字符串赋值给变量 myStr,以便如果你要打印到控制台,你会看到:I am a "double quoted" string inside "double quotes"
var myStr = "I am a \"double quoted\" string inside \"double quotes\"";
3. Quoting Strings with Single Quotes
在 JavaScript 中的 字符串 要用单引号或双引号来包裹它,只要你在开始和结束都使用相同类型的引号,单引号和双引号的功能在JavaScript中是相同的。"This string has \"double quotes\" in it"当我们需要在字符串中使用与开头结尾相同的引号时,我们需要对引号进行 转义 。如果你有很多双引号的字符串,使用转义字符可能导致难以阅读。这时候可以使用单引号。
'This string has "double quotes" in it. And "probably" lots of them.'
任务:更改myStr字符串的双引号为单引号,并移除转义符号。
var myStr = "<a href=\"http://www.example.com\" target=\"_blank\">Link</a>";
更改为:var myStr = '<a href="http://www.example.com" target="_blank">Link</a>';
4. Escape Sequences in Strings
字符串中的转义序列引号不是字符串中唯一的可以被转义字符。
下面是常见的转义序列列表:
\'单引号 \"双引号 \\反斜杠符 \n换行符 \r回车符 \t制表符 \b退格符 \f换页符
注意,如果你想要显示一个反斜杠就必须要转义它。
任务:按照下面的顺序,并且用空格来分割:反斜杠 制表符 退格符 回车符 换行符 并把它赋值给变量 myStr
var myStr = "\\ \t \b \r \n";
5. Concatenating Strings with Plus Operator
在 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.';
6. Concatenating Strings with the Plus Equals Operator
还可以使用 += 运算符来 连接 字符串到现有字符串的结尾。对于那些非常长的字符串来说,这一操作是非常有用的。
注意当心空格。连接操作不会添加两个字符串外面的空格,所以如果想要加上空格的话,你需要自己在字符串里面添加。
任务:
通过使用 += 操作符来连接这两个字符串:"This is the first sentence. " 和 "This is the second sentence." 并赋给变量 myStr。
var myStr = 'This is the first sentence. ';
myStr += 'This is the second sentence.';
7. Constructing Strings with Variables
有时候你需要创建一个填字风格的字符串。通过使用连接运算符 + ,你可以插入一个或多个变量来组成一个字符串。
任务:
把你的名字赋值给变量 myName ,然后把变量 myName 插入到字符串 "My name is " 和 " and I am swell!"之间,并把连接后的结果赋值给变量 myStr。
var myName ="Xiao Pu Tao ";
var myStr="My name is" + myName + " and I am swell";
8. Appending Variables to Strings
我们不仅可以创建出多行的字符串,还可以使用加等号(+=)运算符来追加变量到字符串上。
任务
设置变量 someAdjective 的值,并使用 += 运算符把它追加到变量 myStr 上。
var someAdjective = "funny!";
var myStr = "Learning to code is ";
myStr += someAdjective;
9. Find the Length of a String
可以通过在字符串变量或字符串后面写上 .length 来获得字符串变量 字符串 值的长度。
"Alan Peter".length; // 10
例如,我们创建了一个变量 var firstName = "Charles",我们就可以通过使用 firstName.length 来获得 "Charles" 字符串的长度。
任务
使用 .length 属性来获得变量 lastName 的长度,并把它赋值给变量 lastNameLength。
// 初始化变量
var lastNameLength = 0;
var lastName = "Lovelace";
lastNameLength = lastName.length; //8
10.Use Bracket Notation to Find the First Character in a String
[]叫中括号,{}叫大括号,()叫小括号。
JavaScript中只有字符串类型,没有字符类型。那么如何获取到字符串中的某个字符呢?
我们通过[索引]
来获得对应的字符。
大多数现代编程语言,如JavaScript,不同于人类从1开始计数。它们是从0开始计数,这被称为 基于零 的索引。
例如, 在单词 "Charles" 中索引0上的字符为 "C",所以在 var firstName = "Charles"
中,你可以使用 firstName[0]
来获得第一个位置上的字符。
任务
使用[索引]
来得到变量 lastName
中的第一个字符,并赋给变量 firstLetterOfLastName
。
// 初始化变量
var firstLetterOfLastName = "";
var lastName = "Lovelace";
firstLetterOfLastName = lastName[0]; //firstLetterOfLastName 的值应该是 L.