教你用js截取字符串开头、结尾及两字符串之间的内容

更新时间：2022年11月24日 11:50:48 作者：唔希波西

在js中可以通过indexOf()方法找到指定的字符位置,再使用length属性获得字符串的长度,下面这篇文章主要给大家介绍了关于如何用js截取字符串开头、结尾及两字符串之间的内容的相关资料,需要的朋友可以参考下

前言

说到截取字符串我们都不陌生，使用范围比较广泛，下文是我整理的js常用截取字符串的方法，并且也展示了解决js截取字符串开头、结尾、以及两字符串之间的内容的方案！

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!"]

接下来就说下解决js截取字符串开头、结尾、以及两字符串之间的内容的问题

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截取字符串开头结尾及字符串间内容内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

关于微信中a链接无法跳转问题
微信页面开发时，各个主页之间的跳转，完全是通过a链接进行的，但是来回跳转几次，再次从其他主页面跳回首页的时候，微信头部出现了跳转加载进度条，但是就是不跳转，也没有任何反应，怎么回事呢？下面小编给大家解答下
2016-08-08
详解webpack+express多页站点开发
这篇文章主要介绍了详解webpack+express多页站点开发
2017-12-12
js 操作css实现代码
虽说jquery支持css选择器，可以把一些css规则放在js里，js无论如何是比css灵活的。但是js修改的是dom的htmlelement的stlye，是一个操作而非规则。
2009-06-06
原生JS实现图片轮播与淡入效果的简单实例
下面小编就为大家带来一篇原生JS实现图片轮播与淡入效果的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-08-08
javascript获取鼠标点击元素对象(示例代码)
本篇文章主要介绍了利用javascript获取鼠标点击元素对象的示例代码。需要的朋友可以过来参考下，希望对大家有所帮助
2013-12-12
一步一步封装自己的HtmlHelper组件BootstrapHelper（二）
一步一步封装自己的HtmlHelper组件：BootstrapHelper，系列文章第二篇，感兴趣的小伙伴们可以参考一下
2016-09-09
小程序实现事件绑定的方法步骤
本文主要介绍了小程序实现事件绑定的方法步骤，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2022-04-04
Javascript数组中push方法用法分析
这篇文章主要介绍了Javascript数组中push方法用法,结合实例形式分析了javascript中push方法的原理、使用方法与相关注意事项,需要的朋友可以参考下
2016-10-10
详解JavaScript实现哈希表
哈希表是一种非常重要的数据结构，几乎所有的编程语言都有直接或者间接的应用这种数据结构。本文将为大家介绍通过JavaScript如何实现哈希表，以及哈希表的一些常用操作，需要的可以参考一下
2021-12-12
JS动态添加Table的TR，TD实现方法
这篇文章主要介绍了JS动态添加Table的TR，TD实现方法,涉及js针对Table中TR、TD节点的操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2015-01-01