JavaScript 字符串截取详解：substr、substring、slice 与 split 方法及实战

前言

字符串截取是前端开发中的常见需求，应用场景广泛。本文整理了JavaScript中常用的字符串截取方法，并重点演示如何精准截取字符串的开头、结尾以及两个特定字符串之间的内容。

1. 使用 substr 方法

该方法用于从指定位置开始，提取指定长度的子字符串。

语法格式为 stringObject.substr(开始位置下标, 截取长度)。若未指定截取长度，则默认截取从起始位置到字符串末尾的所有字符。

    let str = "Hello word!";
    str.substr(0, 5); //Hello  

2. 使用 substring 方法

该方法用于提取位于两个指定索引之间的字符。

语法格式为 stringObject.substring(开始索引, 结束索引)。如果省略结束索引参数，返回的子字符串将包含从开始索引到字符串末尾的所有字符。

    let str = "Hello word!";
    console.log(str.substring(2, 4)); //ll

3. 使用 slice 方法

该方法用于截取字符串，包含起始字符但不包含结束字符。

语法格式为 stringObject.slice(开始位置, 结束位置)。它提取字符串的指定部分，并返回一个新的字符串，原字符串保持不变。

     var str = "Hello happy world!";
     str.slice(6, 11); //happy

4. 使用 split 方法

该方法利用指定的分隔符将字符串分割并存入数组。

语法格式为 stringObject.split(需要分割的字符/正则表达式)。它将字符串按照分隔符拆分为多个部分，并存储到数组中。

var str = "hello world!hello man!how are you!";
var arr = str.split();
console.log(arr)
 
//["hello world!hello man!how are you!"]

接下来介绍如何具体解决截取字符串开头、结尾以及两个字符串之间内容的实际问题。

1、js截取两个字符串之间的内容

    var str = "hello word!";
    str = str.match(/h(\S*)!/)[1];
    alert(str); ello wor

2、js截取某个字符串前面的内容

    var str = "aaafff";
    str = str.match(/(\S*)fff/)[1];
    alert(str); //aaa

3、js截取某个字符串后面的内容

    var str = "aaafff";
    str = str.match(/aaa(\S*)/)[1];
    alert(str); //fff

以上为个人理解与总结。

附：js字符串截取最后一个斜杠之后的字符

效果

congsole.log(n)
const spliceLength2 = n.lastIndexOf("/");
this.pathType = n.slice(spliceLength2 + 1);
congsole.log(this.pathType)

总结

到此这篇关于用js截取字符串开头、结尾及两字符串之间的内容的文章就介绍到这了,更多相关js截取字符串开头结尾及字符串间内容内容请搜索本站以前的文章或继续浏览下面的相关文章希望大家以后多多支持本站！