JavaScript截取字符串后几位的方法及应用

发布时间：2023-05-18

一、substr()方法

JavaScript提供了substr()方法，可以截取字符串的一部分。格式为：str.substr(start[, length])。其中，start是截取的起始位置，length是截取的长度。如果没有指定length，则截取到字符串的末尾。

const str = "JavaScript截取字符串后几位的方法及应用";
const result = str.substr(str.length - 4);
console.log(result); // 输出：应用

上述代码中，我们使用substr()方法截取了字符串str的后四位，得到了“应用”。

二、slice()方法

slice()方法也可以用于截取字符串的一部分。它的格式为：str.slice(beginIndex[, endIndex])。其中，beginIndex是截取的起始位置，endIndex是截取的结束位置，但不包括endIndex位置上的字符。如果没有指定endIndex，则默认截取到字符串的末尾。

const str = "JavaScript截取字符串后几位的方法及应用";
const result = str.slice(-2);
console.log(result); // 输出：应用

上述代码中，我们使用slice()方法截取了字符串str的后两位，得到了“应用”。

三、substring()方法

substring()方法也可以用于截取字符串，它的格式为：str.substring(indexStart[, indexEnd])。其中，indexStart是截取的起始位置，indexEnd是截取的结束位置，但不包括indexEnd位置上的字符。如果没有指定indexEnd，则默认截取到字符串的末尾。

const str = "JavaScript截取字符串后几位的方法及应用";
const result = str.substring(str.length - 2);
console.log(result); // 输出：应用

上述代码中，我们使用substring()方法截取了字符串str的后两位，得到了“应用”。

四、split()方法

split()方法可以将字符串按照某个分隔符分割成数组。我们可以先将字符串转成数组，再取数组中的最后几项拼接成字符串。

const str = "JavaScript截取字符串后几位的方法及应用";
const arr = str.split("");
const result = arr.slice(-2).join("");
console.log(result); // 输出：应用

上述代码中，我们先使用split()方法将字符串转成了数组，然后使用slice()和join()方法截取了最后两项，并将它们拼接成了字符串“应用”。

五、应用场景

上述四种方法都可以用于截取字符串的一部分，根据实际需要选择使用哪种方法。例如，我们可以使用这些方法来对字符串进行截断、截取文件名的扩展名等等。

// 示例一：截断字符串，加省略号
const str = "JavaScript截取字符串后几位的方法及应用";
const maxLength = 12;
const result = str.length > maxLength ? str.substring(0, maxLength) + "..." : str;
// 示例二：截取文件名的扩展名
const url = "https://www.example.com/1.jpg";
const fileName = url.split("/").slice(-1)[0]; // 得到文件名1.jpg
const fileExt = fileName.split(".").slice(-1)[0]; // 得到扩展名jpg

上述示例中，我们使用了substring()方法将字符串截断并加上省略号，也使用了split()和slice()方法来截取了文件名的扩展名。

六、总结

JavaScript提供了多种截取字符串的方法，包括substr()、slice()、substring()和split()等等。开发者可以根据实际需要选择合适的方法进行使用。

推荐文章