JavaScript字符串的定义，及转义字符

JS中的字符串在web开发中的应用十分广泛，不仅可以用来动态性地输出字符串本身，也可以将HTML代码存储在JS的字符串中，然后动态地添加HTML文档的元素标签，比如本站的堆叠区域面积图在线生成器便是应用了JS的字符串来动态地添加数据的输入和绘图呈现。

JS字符串的定义

JS字符串的定义方法一般情况下可以分为两种，一种是直接使用英文的双引号或单引号，另一种是通过new的方法来创建，不过new方法创建出来的是字符串对象，先来看一看相关的实例：

JS字符串定义方法及在线编辑器

<script>
  var a = "x1y1z1.com";
  var b = '笨鸟工具'
  var c = new String("python全栈")
  alert(typeof(a)+' '+typeof(b) + ' ' +typeof(c))</script>

字符串定义代码解析

如上代码，通过弹出的输出内容，可以发现，通过new方法创建的“字符串”的类型实际上是JS对象object；

new String方法创建的对象与字符串类型的区别

通过new方法创建的object与字符串的值虽然可能相等，但类型是不一样的，可以通过“==”和“===”这两个比较运算符来验证，其中“===”比较运算符需要运算符左右两端的值和类型都一样的情况下才能返回true，实例代码如下：

<p id="e1"></p>
<script>
  var d = "hello world";
  var e = new String("hello world");
  var t1 = d==e;
  var t2 = d===e;
  document.getElementById("e1").innerHTML = 'd='+d+' '+'e='+e+' ' +t1 +' ' +t2
</script>

代码解析

大家可以点击试一试，然后运行看一看，t1值为true，而t2则为false。

JS字符串存储HTML代码

用JS字符串存储HTML代码在web开发当中相当常见，这里简单介绍一下，实例代码如下：

<p id="e2"></p>
<script>
  document.getElementById("e2").innerHTML = "<a href='https://www.x1y1z1.com'>笨鸟工具</a>"
</script>

JS的转义字符

JS的字符串要是遇到了特殊的字符，比如双引号，那该怎么办，除了将定义字符串的时候用单引号和双引号错开使用的方法之外，还可以使用转义字符串：

转义字符串实例代码

<p id="x"></p>
<p id="y"></p>
<p id="z"></p>
<script>
  document.getElementById("x").innerHTML = '将单引号和"双引号"错开使用'
  document.getElementById("y").innerHTML = "也可以使用转义字符\"\""
  document.getElementById("z").innerHTML = "当然，转义字符还可以转义斜杆本身，如：\\"
</script>

转义字符实例代码解析

除此之外，转移字符串还可以用来创建JS多行字符串。

JS中的其它转义字符表

符号	描述
\b	退格键；
\f	换页；
\n	新行；
\r	回车；
\t	水平制表符
\v	垂直制表符

hot：热门