超全解析：前端不可不知的string函数方法！

2023-10-23 10:58:00

字符串拼接

字符串拼接是最基本的操作之一，使用+号可以轻松连接两个或多个字符串。例如：

const firstName = "John";
const lastName = "Doe";
const fullName = firstName + lastName;
console.log(fullName); // "John Doe"

字符串截取

字符串截取是指从字符串中提取一部分内容。可以使用substring()或slice()方法来实现。substring()方法接受两个参数：起始索引和结束索引。slice()方法也接受两个参数，但结束索引是可选的。如果省略结束索引，则截取到字符串末尾。

const str = "Hello World!";

// 从索引 6 开始截取到字符串末尾
const result1 = str.substring(6);
console.log(result1); // "World!"

// 从索引 0 开始截取到索引 5
const result2 = str.substring(0, 5);
console.log(result2); // "Hello"

// 从索引 6 开始截取到索引 10
const result3 = str.slice(6, 10);
console.log(result3); // "Worl"

字符串替换

字符串替换是指将字符串中的一部分内容替换为另一部分内容。可以使用replace()方法来实现。replace()方法接受两个参数：要替换的子字符串和替换后的子字符串。

const str = "Hello World!";

// 将 "World" 替换为 "Universe"
const result = str.replace("World", "Universe");
console.log(result); // "Hello Universe!"

正则表达式匹配

正则表达式是一种用于匹配字符串的强大工具。可以使用match()方法来实现。match()方法接受一个正则表达式作为参数，并返回一个匹配结果数组。

const str = "Hello World!";

// 匹配所有数字
const result = str.match(/\d+/g);
console.log(result); // ["1"]

// 匹配所有字母
const result2 = str.match(/[a-zA-Z]+/g);
console.log(result2); // ["Hello", "World"]

编码解码

编码解码是指将字符串转换为另一种格式。可以使用encodeURIComponent()和decodeURIComponent()方法来实现。encodeURIComponent()方法将字符串编码为URI组件，而decodeURIComponent()方法将URI组件解码为字符串。

const str = "Hello World!";

// 将字符串编码为URI组件
const encodedStr = encodeURIComponent(str);
console.log(encodedStr); // "Hello%20World%21"

// 将URI组件解码为字符串
const decodedStr = decodeURIComponent(encodedStr);
console.log(decodedStr); // "Hello World!"