JavaScript 字符串
JavaScript 字符串用于存储和操作文本。
JavaScript 字符串
JavaScript 字符串是引号中的零个或多个字符。
您能够使用单引号或双引号:
实例
var carName1 = "Volvo XC60"; // 双引号
var carName2 = 'Volvo XC60'; // 单引号
亲自试一试 »
您可以在字符串中使用引号,只要不匹配围绕字符串的引号即可:
实例
var answer1 = "It's alright";
var answer2 = "He is called 'Johnny'";
var answer3 = 'He is called "Johnny"';
亲自试一试 »
字符串长度
内建属性 length 可返回字符串的长度:
实例
var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var sln = txt.length;
亲自试一试 »
特殊字符
由于字符串必须由引号包围,JavaScript 会误解这段字符串:
var x = "We are the so-called "Vikings" from the north.";
该字符串将被切为 "We are the so-called "。
避免此问题的解决方法是,使用 \ 转义字符。
反斜杠转义字符 \ 把特殊字符转换为字符串字符:
| 代码 |
结果 |
描述 |
| \' |
' |
单引号 |
| \" |
" |
双引号 |
| \\ |
\ |
反斜杠 |
序列 \" 在字符串中插入双引号:
实例
var x = "We are the so-called \"Vikings\" from the north.";
亲自试一试 »
序列 \' 在字符串中插入单引号:
实例
var x = 'It\'s alright.';
亲自试一试 »
序列 \\ 在字符串中插入反斜杠:
实例
var x = "The character \\ is called backslash.";
亲自试一试 »
转义字符(\)也可用于在字符串中插入其他特殊字符。
其他六个 JavaScript 中有效的转义序列:
| 代码 |
结果 |
| \b |
退格键 |
| \f |
换页 |
| \n |
新行 |
| \r |
回车 |
| \t |
水平制表符 |
| \v |
垂直制表符 |
这六个转义字符最初设计用于控制打字机、电传打字机和传真机。它们在 HTML 中没有任何意义。
长代码行换行
为了最佳可读性, 程序员们通常会避免每行代码超过 80 个字符串。
如果某条 JavaScript 语句不适合一整行,那么最佳换行位置是某个运算符之后:
实例
document.getElementById("demo").innerHTML =
"Hello Dolly!";
亲自试一试 »
您也可以在字符串中换行,通过一个反斜杠即可:
实例
document.getElementById("demo").innerHTML =
"Hello \
Dolly!";
亲自试一试 »
\ 方法不是首选方法。它可能没有普遍的支持。
某些浏览器也不允许 \ 字符之后的空格。
对长字符串换行的最安全做法(但是有点慢)是使用字符串加法:
实例
document.getElementById("demo").innerHTML = "Hello " +
"Dolly!";
亲自试一试 »
您不能通过反斜杠对代码行进行换行:
实例
document.getElementById("demo").innerHTML = \
"Hello Dolly!";
亲自试一试 »
字符串可以是对象
通常,JavaScript 字符串是原始值,通过字面方式创建:
var firstName = "John";
但是字符串也可通过关键词 new 定义为对象:
var
firstName = new
String("John");
实例
var x = "John";
var y = new String("John");
// x 将返回字符串类型
// y 将返回对象类型
亲自试一试 »
请不要把字符串创建为对象。它会拖慢执行速度。
new 关键字使代码复杂化。也可能产生一些意想不到的结果:
当使用 == 相等运算符时,相等字符串是相等的:
实例
var x = "John";
var y = new String("John");
// (x == y) 为真,因为 x 和 y 具有相等的值
亲自试一试 »
当使用 === 运算符时,相等字符串是不相等的,因为 === 运算符需要类型和值同时相等。
实例
var x = "John";
var y = new String("John");
// (x === y) 是假的,因为 x 和 y 有不同的类型(字符串和对象)
亲自试一试 »
甚至更糟。对象无法比较:
实例
var x = new String("John");
var y = new String("John");
// (x == y) 是假的,因为 x 和 y 是不同的对象
亲自试一试 »
实例
var x = new String("John");
var y = new String("John");
// (x === y) 是假的,因为 x 和 y 是不同的对象
亲自试一试 »
请注意 (x==y) 与 (x===y) 的区别。
JavaScript 对象无法进行对比,比较两个 JavaScript 将始终返回 false。