JavaScript - String 字符串

JavaScript 中的 String 对象允许您处理一系列字符;它使用许多辅助方法包装了 JavaScript 的字符串原始数据类型。

由于 JavaScript 会自动在字符串原始类型和 String 对象之间转换，因此您可以对字符串原始类型调用 String 对象的任何辅助方法。

字符串是包含 0 个或多个字符的字符序列。例如，"Hello"就是一个字符串。

语法

JavaScript 字符串可以使用 String() 构造函数创建为对象，也可以使用字符串字面量创建为原始类型。

使用以下语法创建 String 对象 -

var val = new String(value);

String 参数，值是一系列已正确编码的字符。

我们可以使用字符串字面量和 String() 函数创建字符串原语，如下所示 -

str1 = 'Hello World!'; // 使用单引号
str2 = "Hello World!"; // 使用双引号
str3 = 'Hello World'; // 使用反引号
str4 = String('Hello World!'); // 使用 String() 函数

JavaScript String 字符串对象属性

以下是字符串对象的属性列表及其说明。

JavaScript String 字符串对象方法

以下是 String 对象中可用方法的列表及其说明。

静态方法

使用"String"类本身调用静态方法。

实例方法

实例方法通过 String 类的实例。

String 字符串构造函数

示例

让我们通过一些示例来理解 JavaScript 字符串对象和字符串原语。

示例:创建 JavaScript 字符串对象

在下面的示例中，我们使用带有"new"关键字的 string() 构造函数来创建一个字符串对象。

<html>
<head>
   <title> JavaScript - String Object </title>
</head>
<body>
   <p id = "output"> </p>
   <script>
      const output = document.getElementById("output");
      const str = new String("Hello World!");
      output.innerHTML += "str == " + str + "<br>";
      output.innerHTML += "typeof str == " + typeof str;
   </script>
</body>
</html>

输出

str == Hello World!
typeof str == object

访问字符串

您可以使用字符串的索引来访问字符串中的字符。字符串索引从 0 开始。

示例

在下面的示例中，我们从字符串的第 0 个和第 4 个索引访问字符。

<html>
<body>
   <p id = "output"> </p>
   <script>
      const output = document.getElementById("output");
      let str1 = new String("Welcome!");
      let str2 = "Welcome!";
      output.innerHTML += "0th character is - " + str1[0] + "<br>";
      output.innerHTML += "4th character is - " + str2[4] + "<br>";
   </script>
</body>
</html>

输出

0th character is - W
4th character is - o

JavaScript 字符串区分大小写

在 JavaScript 中，字符串区分大小写。这意味着小写字符和大写字符是不同的。

示例

在下面的示例中，char1 包含大写字母"S"，char2 包含小写字母"s"。比较 char1 和 char2 时，由于字符串区分大小写，因此返回 false。

<html>
<head>
   <title> JavaScript - String case-sensitivity </title>
</head>
<body>
   <p id = "output"> 
   <script>
      let char1 = 'S';
      let char2 = 's'
      let ans = char1 == char2;
      document.getElementById("output").innerHTML += "s == S " + ans;
   </script>
</body>
</html>

输出

s == S false

JavaScript 字符串是不可变的

在 JavaScript 中，您无法更改字符串的字符。但是，您可以更新整个字符串。

示例

在下面的示例中，我们尝试更新字符串的第一个字符，但它并没有更新，您可以在输出中看到这一点。

之后，我们更新整个字符串，您可以观察到字符串中的变化。

<html>
<head>
   <title> JavaScript − Immutable String </title>
</head>
<body>
   <p id = "output"> </p>
   <script>
      const output = document.getElementById("output");
      let str = "Animal";
      str[0] = 'j';
      output.innerHTML += "The string is: " + str + "<br>";
      str = "Hi!";
      output.innerHTML += "The updated string is: " + str;
   </script>
</body>
</html>

输出

The string is: Animal
The updated string is: Hi!

转义符

您可以将特殊字符与反斜杠 (\) 字符一起使用。以下是特殊字符列表。

示例

在下面的示例中，我们在 str1 字符串的字符之间添加了单引号，并在 str2 字符串的字符之间添加了反斜杠。

<html>
<head>
   <title> JavaScript - Escape Characters </title>
</head>
<body>
   <p id = "output"> </p>
   <script>
      const output = document.getElementById("output");
      let str1 = "Your\'s welcome!";
      let str2 = "Backslash \";
      output.innerHTML += "str1 == " + str1 + "<br>";
      output.innerHTML += "str2 == " + str2 + "<br>";
   </script>
</body>
</html>

输出

str1 == Your's welcome!
str2 == Backslash \

字符串 HTML 包装器

以下列出了返回包装在相应 HTML 标签内的字符串副本的方法。

在接下来的部分中，我们将通过一些示例来演示字符串方法的用法。