JavaScript字符串字面量详细解析与代码实例

JavaScript字符串字面量是一种表示字符串值的语法结构，通常用双引号或单引号括起来。

var str1 = "Hello World!";
var str2 = 'Hello World!';

另外，如果需要在字符串中包含双引号或单引号，可以使用转义字符\来实现。

var str3 = "She said, \"Hello!\"";
var str4 = 'He said, \'World!\'';

除了双引号和单引号，JavaScript字符串字面量还支持一些特殊字符的转义，如下表所示：

转义字符	描述
\\	反斜杠字符\
\"	双引号
\'	单引号
\n	换行符
\r	回车符
\t	制表符
\b	退格符
\f	换页符
\uXXXX	以16进制编码的Unicode字符（其中XXXX为4位数）

下面是使用特殊字符的示例：

var str5 = "First line\nSecond line";
var str6 = "Hello\tWorld!";
var str7 = "Unicode character: \u03B1";  // 输出"Unicode character: α"

除了使用字面量定义字符串变量，也可以使用构造函数String()来创建字符串对象。

var str8 = new String("Hello World!");

但是，一般情况下我们不推荐使用字符串对象，而是直接使用字符串字面量，因为字符串对象比字符串字面量更消耗内存，而且可能会产生一些意想不到的问题。

下面是一些使用字符串字面量的代码示例：

1、使用字符串连接符 + 连接两个字符串变量

var str1 = "Hello";
var str2 = "World";
var str3 = str1 + " " + str2;
console.log(str3);  // 输出 "Hello World"

2、使用字符串方法 slice() 截取字符串的一部分

var str = "Hello World";
var subStr = str.slice(0, 5);
console.log(subStr);  // 输出 "Hello"

3、使用字符串方法 indexOf() 查找某个子串在原字符串中的位置

var str = "Hello World";
var position = str.indexOf("World");
console.log(position);  // 输出 6

4、使用字符串方法 replace() 替换字符串的一部分或者匹配的子串

var str = "Hello World";
var newStr = str.replace("Hello", "Hi");
console.log(newStr);  // 输出 "Hi World"