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

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

复制代码

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

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

复制代码

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

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

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

复制代码

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、使用字符串连接符 + 连接两个字符串变量

javascript 复制代码

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

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

javascript 复制代码

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

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

javascript 复制代码

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

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

javascript 复制代码

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