Строки JavaScript

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

Строки JavaScript

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

Пример

var x = "Bill Gates"

Попробуйте сами

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

Пример

var carname = "Porsche 911";
var carname = 'Porsche 911';

Попробуйте сами

您可以在字符串中使用引号，只要不匹配围绕字符串的引号即可：

Пример

var answer = "It's good to see you again!";
var answer = "He is called 'Bill'";
var answer = 'He is called "Bill"';

Попробуйте сами

字符串长度

内建属性 length 可返回字符串的长度：

Пример

var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var sln = txt.length;

Попробуйте сами

特殊字符

由于字符串必须由引号包围，JavaScript 会误解这段字符串：

var y = "中国是瓷器的故乡，因此 china 与"China（中国）"同名。"

该字符串将被切为 "中国是瓷器的故乡，因此 china 与"。

避免此问题的解决方法是，使用 \ 转义字符.

反斜杠转义字符把特殊字符转换为字符串字符：

代码 结果 描述
\' ' 单引号
\" " 双引号
\\ \ 反斜杠

Пример

序列 \" 在字符串中插入双引号：

Пример

var x = "中国是瓷器的故乡，因此 china 与\"China（中国）\"同名。"

Попробуйте сами

序列 \' 在字符串中插入单引号：

Пример

var x = 'It\'s good to see you again';

Попробуйте сами

序列 \\ 在字符串中插入反斜杠：

Пример

var x = "字符 \\ 被称为反斜杠。";

Попробуйте сами

转义字符（\）也可用于在字符串中插入其他特殊字符。

其他六个 JavaScript 中有效的转义序列：

代码 结果
\b 退格键
\f 换页
\n 新行
\r 回车
\t 水平制表符
\v 垂直制表符

这六个转义字符最初设计用于控制打字机、电传打字机和传真机。它们在 HTML 中没有任何意义。

长代码行换行

为了最佳可读性， 程序员们通常会避免每行代码超过 80 个字符串。

如果某条 JavaScript 语句不适合一整行，那么最佳换行位置是某个运算符之后：

Пример

document.getElementById("demo").innerHTML =
"Hello Kitty.";

Попробуйте сами

您也可以在字符串中换行，通过一个反斜杠即可：

Пример

document.getElementById("demo").innerHTML = "Hello \
Kitty!";

Попробуйте сами

\ 方法并不是 ECMAScript (JavaScript) 标准。

某些浏览器也不允许 \ 字符之后的空格。

对长字符串换行的最安全做法（但是有点慢）是使用字符串加法：

Пример

document.getElementById("demo").innerHTML = "Hello" + 
"Kitty!";

Попробуйте сами

您不能通过反斜杠对代码行进行换行：

Пример

document.getElementById("demo").innerHTML = \ 
"Hello Kitty!";

Попробуйте сами

字符串可以是对象

通常，JavaScript 字符串是原始值，通过字面方式创建：

var firstName = "Bill"

但是字符串也可通过关键词 new 定义为对象：

var firstName = new String("Bill")

Пример

var x = "Bill";
var y = new String("Bill");
// typeof x 将返回 string
// typeof y 将返回 object

Попробуйте сами

Не создавайте строки как объекты. Это замедлит выполнение.

new Ключевые слова усложняют код и могут привести к неожиданным результатам:

Когда используется == Сравнение одинаковых строк является равным, когда используется оператор

Пример

var x = "Bill";             
var y = new String("Bill");
// (x == y) возвращает true, потому что значения x и y равны

Попробуйте сами

Когда используется === Оператор, когда используются, сравнение одинаковых строк не является равным, потому что === Операторы требуют, чтобы тип и значение были одинаковыми.

Пример

var x = "Bill";             
var y = new String("Bill");
// (x === y) возвращает false, потому что типы x и y различаются (строка и объект)

Попробуйте сами

Даже хуже. Объекты не могут быть сравнены:

Пример

var x = new String("Bill");             
var y = new String("Bill");
// (x == y) возвращает false, потому что x и y — это разные объекты

Попробуйте сами

Пример

var x = new String("Bill");             
var y = new String("Bill");
// (x === y) возвращает false, потому что x и y — это разные объекты

Попробуйте сами

Обратите внимание на различие между (x==y) и (x===y).

Объекты JavaScript не могут быть сравнены, сравнение двух JavaScript всегда будет возвращать false.