一篇文章带你了解JavaScript字符串
回复“前端”即可获赠前端相关学习资料
一、什么是字符串?
一个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 -------------------
往期精彩文章推荐:
欢迎大家点赞,留言,转发,转载,感谢大家的相伴与支持
想加入前端学习群请在后台回复【入群】
万水千山总是情,点个【在看】行不行