JS截取指定字符后面的内容|极客笔记

JS截取指定字符后面的内容

在前端开发中，经常会遇到需要截取字符串中特定字符后面的内容的情况，比如截取URL中的参数值、截取文件路径中的文件名等等。JavaScript提供了一些方法来实现这个功能，下面将介绍几种常用的方法。

使用字符串的`split`方法

split方法可以根据指定的分隔符将一个字符串分割成数组，并返回一个包含分割后的子字符串的数组。我们可以利用这个方法来截取指定字符后面的内容。

const str = "https://www.example.com/page?name=John&age=30";

// 以问号作为分隔符，将字符串分割成数组
const arr = str.split('?');

// 取数组的第二个元素，即问号后面的内容
const result = arr[1];

console.log(result);

运行结果为：

name=John&age=30

使用正则表达式

正则表达式是一种强大的匹配模式，可以在字符串中搜索和替换特定的文本。我们可以使用正则表达式来实现截取指定字符后面的内容。

const str = "https://www.example.com/page?name=John&age=30";

// 定义正则表达式，匹配问号后面的内容
const regex = /\?(.*)/;

// 使用正则表达式的`exec`方法匹配字符串
const match = regex.exec(str);

// 取匹配到的内容
const result = match[1];

console.log(result);

运行结果为：

name=John&age=30

在上面的示例中，正则表达式/\?(.*)/匹配了问号后面的内容，其中\?表示匹配问号，(.*)表示匹配任意字符任意次数。使用正则表达式的exec方法可以匹配到符合该模式的内容。

使用`substring`方法

substring方法可以从一个字符串中提取指定位置的字符，我们可以结合indexOf方法来实现截取指定字符后面的内容。

const str = "https://www.example.com/page?name=John&age=30";

// 找到问号的位置
const index = str.indexOf('?');

// 使用`substring`方法截取问号后面的内容
const result = str.substring(index + 1);

console.log(result);

运行结果为：

name=John&age=30

使用`indexOf`和`substr`方法

在上面的示例中，我们结合使用了indexOf和substring方法来截取指定字符后面的内容。另一种方法是使用indexOf和substr方法来实现。

const str = "https://www.example.com/page?name=John&age=30";

// 找到问号的位置
const index = str.indexOf('?');

// 使用`substr`方法截取问号后面的内容
const result = str.substr(index + 1);

console.log(result);

运行结果为：