橘子味的心
标题:JavaScript字符串


JavaScript 字符串

一个JavaScript字符串简单的存储一系列字符像 "John Doe".

一个字符串可以是任何引号内的文本。您可以使用单引号或双引号:

var carname = "Volvo XC60";
var carname = 'Volvo XC60';

让我试试

你可以在字符串中使用引号,只要它们不匹配字符串周围的引号:

var answer = "It's alright";
var answer = "He is called 'Johnny'";
var answer = 'He is called "Johnny"';

让我试试


String 长度

使用内建的字符串长度属性判断长度:

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

让我试试


特殊字符

因为字符串必须用引号,JavaScript会误解这样的字符串:

var y = "We are the so-called "Vikings" from the north."

字符串将被截断到 "We are the so-called ".

避免这个问题的解决方案, 是使用 \ 字符.

反斜杠转义字符,将字符转义:

var x = 'It\'s alright';
var y = "We are the so-called \"Vikings\" from the north."

让我试试

转义符也可以用来在字符串中插入其他的特殊字符

这些都是常用的特殊字符,可以在特殊本文前面插入一个反斜线:

代码 输出
\' 单引号
\" 双引号
\\ 反斜线

五种其他转义字符在JavaScript中是有效的:

代码 输出
\b 退格
\r 回车
\f 表单反馈
\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!";

让我试试


Strings 可以是对象

通常情况下,JavaScript字符串是原始值,使用字符串常量创建: var firstName = "John"

但是字符串也可以使用关键字new来创建: var firstName = new String("John")

var x = "John";
var y = new String("John");

// typeof x will return string
// typeof y will return object

让我试试

不要创建字符串作为对象。它减慢执行速度。new关键字使代码复杂化。这会产生一些意想不到的结果:

当使用==运算符时,相同的字符串是相等的:

var x = "John";             
var y = new String("John");

// (x == y) is true because x and y have equal values

让我试试

当使用===运算符时,相同的字符串不相等,因为操作符在类型和值上都期望相等.

var x = "John";             
var y = new String("John");

// (x === y) is false because x and y have different types (string and object)

让我试试

甚至更糟。对象不能比较:

var x = new String("John");             
var y = new String("John");

// (x == y) is false because x and y are different objects

让我试试

比较两个JavaScript对象将总是返回false.


目录

分类