JS 字符串

---

JavaScript 字符串用于存储和操作文本。

---

JavaScript 字符串

JavaScript 字符串是引号中的零个或多个字符。

实例

var x = "John Doe"; 亲自试一试 »

您能够使用单引号或双引号:

实例

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	退格键
ff	换页
\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。

---

学习训练

练习题:

使用 length 属性提示 txt 的长度。

var txt = "Hello World!";
var x = ;
alert(x);

提交答案 »

开始练习

---