返回

JavaScript 字符串所有 API 解密

前端

JavaScript 字符串是编程语言 JavaScript 中的数据类型，它由一个或多个 Unicode 字符序列组成。字符串变量可以通过双引号或单引号定义，也可以通过模板字符串定义。JavaScript 提供了丰富的 API 来操作字符串，这些 API 可以用来创建、修改、查找和格式化字符串。在本文中，我们将对 JavaScript 字符串的所有 API 进行详细介绍，希望能对您有所帮助。

字符串的创建

JavaScript 字符串可以通过以下几种方式创建：

  • 使用双引号或单引号：这是创建字符串最常用的方法。例如：
let str1 = "Hello world";
let str2 = 'JavaScript is fun';
  • 使用模板字符串：模板字符串允许您使用嵌入式表达式来创建动态字符串。例如：
let name = "John Doe";
let age = 30;

let str3 = `Hello, my name is ${name} and I am ${age} years old.`;
  • 使用 String 构造函数：String 构造函数可以用来创建新的字符串对象。例如：
let str4 = new String("Hello world");

字符串的修改

JavaScript 字符串是不可变的，这意味着一旦创建一个字符串，就不能直接修改它。但是，可以使用以下方法来修改字符串：

  • 使用字符串连接运算符（+）：字符串连接运算符可以用来将两个或多个字符串连接起来。例如：
let str1 = "Hello";
let str2 = "world";

let str3 = str1 + str2; // Hello world
  • 使用字符串插值：字符串插值允许您将变量或表达式嵌入到字符串中。例如：
let name = "John Doe";
let age = 30;

let str3 = `Hello, my name is ${name} and I am ${age} years old.`;
  • 使用字符串方法：JavaScript 提供了丰富的字符串方法来修改字符串。这些方法包括：
charAt()
charCodeAt()
concat()
endsWith()
includes()
indexOf()
lastIndexOf()
match()
replace()
search()
slice()
split()
startsWith()
substr()
substring()
toLowerCase()
toUpperCase()
trim()

字符串的查找

JavaScript 提供了以下方法来查找字符串中的子字符串：

  • indexOf()：indexOf() 方法返回子字符串在字符串中首次出现的位置。例如：
let str = "Hello world";
let pos = str.indexOf("world"); // 6
  • lastIndexOf()：lastIndexOf() 方法返回子字符串在字符串中最后一次出现的位置。例如：
let str = "Hello world world";
let pos = str.lastIndexOf("world"); // 12
  • includes()：includes() 方法检查字符串是否包含子字符串。例如：
let str = "Hello world";
let result = str.includes("world"); // true
  • startsWith()：startsWith() 方法检查字符串是否以子字符串开头。例如：
let str = "Hello world";
let result = str.startsWith("Hello"); // true
  • endsWith()：endsWith() 方法检查字符串是否以子字符串结尾。例如：
let str = "Hello world";
let result = str.endsWith("world"); // true

字符串的格式化

JavaScript 提供了以下方法来格式化字符串：

  • toUpperCase()：toUpperCase() 方法将字符串转换为大写。例如：
let str = "Hello world";
let result = str.toUpperCase(); // HELLO WORLD
  • toLowerCase()：toLowerCase() 方法将字符串转换为小写。例如：
let str = "Hello world";
let result = str.toLowerCase(); // hello world
  • trim()：trim() 方法从字符串中去除首尾空格。例如：
let str = "   Hello world   ";
let result = str.trim(); // Hello world
  • padStart()：padStart() 方法在字符串前面填充指定的字符，直到字符串达到指定长度。例如：
let str = "123";
let result = str.padStart(6, "0"); // 000123
  • padEnd()：padEnd() 方法在字符串后面填充指定的字符，直到字符串达到指定长度。例如：
let str = "123";
let result = str.padEnd(6, "0"); // 123000

字符串的正则表达式

正则表达式是一种强大的工具，可以用来查找、替换和验证字符串中的模式。JavaScript 提供了 RegExp 对象来支持正则表达式。您可以使用 RegExp 构造函数来创建新的正则表达式对象，也可以使用正则表达式字面量来创建正则表达式对象。例如：

let re = new RegExp("Hello");
let re = /Hello/;

正则表达式对象提供了以下方法来操作字符串：

  • exec()：exec() 方法返回与正则表达式匹配的第一个子字符串。例如：
let re = /Hello/;
let str = "Hello world";
let result = re.exec(str); // ["Hello"]
  • test()：test() 方法检查字符串是否与正则表达式匹配。例如：
let re = /Hello/;
let str = "Hello world";
let result = re.test(str); // true
  • match()：match() 方法返回与正则表达式匹配的所有子字符串。例如：
let re = /Hello/g;
let str = "Hello world Hello world";
let result = str.match(re); // ["Hello", "Hello"]
  • replace()：replace() 方法将字符串中与正则表达式匹配的所有子字符串替换为指定的字符串。例如：
let re = /Hello/;
let str = "Hello world";
let result = str.replace(re, "Hi"); // Hi world

字符串的字符串模板

字符串模板允许您使用嵌入式表达式来创建动态字符串。字符串模板使用反引号（`）来定义。在字符串模板中，您可以使用 ${} 来嵌入表达式。例如：

let name = "John Doe";
let age = 30;

let str = `Hello, my name is ${name} and I am ${age} years old.`;

字符串模板提供了以下优点：

  • 易于阅读和理解：字符串模板更容易阅读和理解，因为它们使用自然语言语法。
  • 代码更简洁：字符串模板可以减少代码量，使代码更简洁。
  • 提高性能：字符串模板可以提高性能，因为它们可以避免不必要的字符串连接操作。

总结

JavaScript 字符串是编程语言 JavaScript 中的数据类型，它由一个或多个 Unicode 字符序列组成。JavaScript 提供了丰富的 API 来操作字符串，这些 API 可以用来创建、修改、查找和格式化字符串。在本文中，我们对 JavaScript 字符串的所有 API 进行