一篇文章带你了解JavaScript字符串
共 1843字，需浏览 4分钟
·
2022-04-07 18:14
回复“前端”即可获赠前端相关学习资料
一、什么是字符串？
一个JavaScript字符串简单的存储一系列字符像 "John Doe"。一个字符串可以是任何引号内的文本。可以使用单引号或双引号：
<html lang="en"><head><meta charset="UTF-8"><title>项目title>head><body style="background-color: aqua;"><p id="demo">p><script>var carName1 = "Volvo XC60";var carName2 = 'Volvo XC60';document.getElementById("demo").innerHTML =carName1 + "
" + carName2;script>body>html>
可以在字符串中使用引号，只要不匹配字符串周围的引号。
var answer1 = "It's alright";var answer2 = "He is called 'Johnny'";var answer3 = 'He is called "Johnny"';
二、String 长度
使用内建的字符串长度属性判断长度：
<script>var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";document.getElementById("demo").innerHTML = txt.length;script>
三、特殊字符
因为字符串必须用引号，JavaScript会误解这样的字符串:
var y = "We are the so-called "Vikings" from the north."字符串将被截断到 "We are the so-called "。避免这个问题的解决方案, 是使用 \ 字符。
反斜杠转义字符，将字符转义:
<html lang="en"><head><meta charset="UTF-8"><title>项目title>head><body style="background-color: aqua;"><p id="demo">p><script>var x = 'It\'s alright';var y = "We are the so-called \"Vikings\" from the north.";document.getElementById("demo").innerHTML = x + "
" + y;script>body>html>
1. 转义符
转义符也可以用来在字符串中插入其他的特殊字符，这些都是常用的特殊字符，可以在特殊本文前面插入一个反斜线。
| 代码 | 输出 |
|---|---|
| ' | 单引号 |
| " | 双引号 |
| \ | 反斜线 |
五种其他转义字符在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!";/*不能在一个代码行加上一个反斜杠来实现换行,会显示不出来 */
五、总结
本文基于JavaScript，介绍了字符串相关操作 。对字符在实际应用的时，需要注意什么，应该怎么去运用，做了详细的讲解。
对于那些特殊的字符（ 转义符），用丰富的效果图 讲解了JavaScript中什么是有效的字符，能够让读者更好的理解。
代码很简单， 希望能够帮助你更好的学习。
------------------- End -------------------
往期精彩文章推荐：
欢迎大家点赞，留言，转发，转载，感谢大家的相伴与支持
想加入前端学习群请在后台回复【入群】
万水千山总是情，点个【在看】行不行