返回列表 发帖

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。

JS 事件
JS 字符串方法
JavaScript 和 HTML DOM 参考手册
JavaScript 实例
JavaScript 测验
JavaScript 高级教程

W3School 简体中文版提供的内容仅用于培训和测试,不保证内容的正确性。通过使用本站内容随之而来的风险与本站无关

返回列表