一、什么是字符串?
一个JavaScript字符串简单的存储一系列字符像 "John Doe"。一个字符串可以是任何引号内的文本。可以使用单引号或双引号:
<!DOCTYPE html>
<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 + "<br>" + 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 "。避免这个问题的解决方案, 是使用 \
字符。
反斜杠转义字符,将字符转义:
<!DOCTYPE html>
<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 + "<br>" + 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中什么是有效的字符,能够让读者更好的理解。