新手不会的36种 JavaScript 字符串方法秘籍

前端

2023-10-02 15:20:56

JavaScript字符串操作指南：释放字符串的力量

掌握字符串操作的基本方法

JavaScript字符串操作方法是一个强大的工具箱，可让您处理和修改字符串数据，从提取字符到连接文本。让我们从基本方法开始：

字符提取： charAt() 和 charCodeAt() 分别返回指定位置的字符和 Unicode 编码。
字符串连接： concat() 将字符串连接起来，形成一个新字符串。
子字符串定位： indexOf() 和 lastIndexOf() 查找子字符串的首次和最后一次出现。

切片和截取字符串

这些方法允许您从字符串中提取指定范围的字符：

切片： slice() 从字符串中提取一个字符范围，包括起始位置但不包括结束位置。
截取： substring() 与 slice() 类似，但它包括结束位置。
子串： substr() 从指定位置开始提取指定数量的字符。

字符串转换

大小写转换： toUpperCase() 和 toLowerCase() 将字符串转换为大写或小写。
去除空格： trim() 从字符串中去除首尾空格。
填充字符串： padStart() 和 padEnd() 在字符串开头或结尾填充指定数量的字符。

字符串比较

这些方法用于比较两个字符串：

字典顺序比较： localeCompare() 根据字典顺序比较字符串。
前缀和后缀检查： startsWith() 和 endsWith() 检查字符串是否以指定字符串开头或结尾。
子字符串包含检查： includes() 检查字符串中是否包含指定子字符串。

修改字符串

以下方法允许您修改字符串：

拆分和合并： split() 将字符串按照指定分隔符拆分为数组，而 join() 则将数组元素连接成字符串。
重复字符串： repeat() 重复字符串指定次数。

搜索字符串

子字符串搜索： search() 在字符串中搜索指定子字符串的首次出现。
正则表达式匹配： match() 和 matchAll() 使用正则表达式搜索字符串中的所有匹配子字符串。

编码和解码字符串

这些方法用于对字符串进行编码和解码：

URL 编码： encodeURI() 和 encodeURIComponent() 对字符串进行编码以安全地用在 URL 中。
URL 解码： decodeURI() 和 decodeURIComponent() 解码已编码的字符串。

其他字符串方法

长度： length 返回字符串的长度。
转换： toString() 将对象转换为字符串。
原始值： valueOf() 返回字符串的原始值。

使用代码示例

字符提取：

const str = "Hello World";
console.log(str.charAt(0)); // 输出: "H"
console.log(str.charCodeAt(0)); // 输出: 72

字符串连接：

const firstName = "John";
const lastName = "Doe";
const fullName = firstName.concat(" ", lastName);
console.log(fullName); // 输出: "John Doe"

子字符串定位：

const str = "This is a test string";
console.log(str.indexOf("test")); // 输出: 10
console.log(str.lastIndexOf("s")); // 输出: 14

切片和截取：

const str = "Hello World";
console.log(str.slice(2, 7)); // 输出: "llo W"
console.log(str.substring(2, 7)); // 输出: "llo W"
console.log(str.substr(2, 3)); // 输出: "llo"

大小写转换：

const str = "this is a mixed case string";
console.log(str.toUpperCase()); // 输出: "THIS IS A MIXED CASE STRING"
console.log(str.toLowerCase()); // 输出: "this is a mixed case string"

拆分和合并：

const str = "This,is,a,comma,separated,string";
const arr = str.split(",");
console.log(arr); // 输出: ["This", "is", "a", "comma", "separated", "string"]
console.log(arr.join(" ")); // 输出: "This is a comma separated string"

正则表达式匹配：

const str = "The rain in Spain falls mainly on the plain";
const regex = /ai/g;
const matches = str.match(regex);
console.log(matches); // 输出: ["ai", "ai", "ai"]

编码和解码：

const url = "https://www.example.com/?q=JavaScript%20Strings";
const encodedURL = encodeURI(url);
console.log(encodedURL); // 输出: "https://www.example.com/?q=JavaScript%20Strings"
const decodedURL = decodeURI(encodedURL);
console.log(decodedURL); // 输出: "https://www.example.com/?q=JavaScript Strings"