js实现截取某个字符串前面的内容

更新时间：2023年04月17日 09:42:11 作者：玫瑰花开一片一片

这篇文章主要介绍了js实现截取某个字符串前面的内容，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教

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

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

var str = "aaabbbcccdddeeefff";
str = str.match(/aaa(\S*)fff/)[1];
alert(str);//结果bbbcccdddeee

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

var str = "aaabbbcccdddeeefff";
str = str.match(/(\S*)fff/)[1];
alert(str);//结果aaabbbcccddd

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

var str = "aaabbbcccdddeeefff";
str = str.match(/aaa(\S*)/)[1];
alert(str);//结果bbbcccdddeeefff

js截取字符串的方法（介绍3种常用的）

js截取字符串常用的字符截取函数有slice、substring和substr这3个，我们前端人必会这3种方法，我们将从这3个函数出发，看看在js中，这些函数是如何通过js截取字符串的。

1.slice

说明：该slice(start, end)方法返回start和end索引之间的字符串部分。slice像substring。

第一个参数代表开始位置,第二个参数代表结束位置的下一个位置,截取出来的字符串的长度为第二个参数与第一个参数之间的差;若参数值为负数,则将该值加上字符串长度后转为正值;若第一个参数等于大于第二个参数,则返回空字符串。

const quote = "tangjiusheng.com"; const part = quote.slice(3, 8); // gjius

注：如果end省略索引，它将提取到字符串的末尾。

const quote = "We Stand Together"; const part = quote.slice(3); // Stand Together

slice基本上是为了模仿阵列接口而添加的。（数组中有一个同名的方法在两个索引之间提取其一部分，并返回一个新的浅表副本）。

2.substring

说明：该substring(start, end)方法返回start和end索引之间的字符串部分。它从start索引处的字符开始到结束，但不包括索引处的字符end。第一个参数代表开始位置,第二个参数代表结束位置的下一个位置;若参数值为负数,则将该值转为0;两个参数中,取较小值作为开始位置,截取出来的字符串的长度为较大值与较小值之间的差。

const quote = "We Stand Together"; const part = quote.substring(3, 8); // Stand

如果end省略索引，它将提取到字符串的末尾。

const quote = "We Stand Together"; const part = quote.substring(3); // Stand Together

与indexOf方法结合使用，效果会更好。

该indexOf方法返回第一个索引，在该索引处可以找到给定的字符串文本，否则返回-1。

考虑以下代码在第一个逗号之后提取文本。

const quote = "You know nothing, Jon Snow"; const commaIndex = quote.indexOf(","); const part = quote.substring(commaIndex + 1); //" Jon Snow"

3.substr

说明：该substr(start, length)方法提取字符串的一部分，从指定的索引处开始，并返回指定数量的字符。第一个参数代表开始位置,第二个参数代表截取的长度

PS：字符串都从0开始计起

const quote = "Winter is coming"; const part1 = quote.substr(0, 6); //Winter const part2 = quote.substr(10, 6); //coming

请注意，第一个字符在index处为0。

该start指数是必需的，但 length是可选的。如果省略，它将提取字符串的其余部分。

const quote = "Winter is coming"; const part = quote.substr(6); // is coming

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

js实现文本框中输入文字页面中div层同步获取文本框内容的方法
这篇文章主要介绍了js实现文本框中输入文字页面中div层同步获取文本框内容的方法,实例分析了javascript操作dom元素的技巧,需要的朋友可以参考下
2015-03-03
JavaScript实现简单的拖拽效果
这篇文章主要为大家详细介绍了JavaScript实现简单的拖拽效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-11-11
借用Google的Javascript API Loader来加速你的网站
加速页面加载速度有一个方法就是把CSS和JS文件放到另外一个单独的服务器上，这样在访问量比较大的情况下可以分担主服务器的压力
2009-01-01
Js中Symbol的静态属性及用途详解
JavaScript 语言在 ES6 规范中引入了 Symbol 类型,它是一种原始数据类型,用于创建唯一的标识符,本文将介绍 Symbol 类型的所有静态属性,并举例说明它们的用途和使用场景,希望对大家有所帮助
2023-12-12
js事件机制----捕获与冒泡机制实例分析
这篇文章主要介绍了js事件机制----捕获与冒泡机制,结合实例形式分析了js事件机制中捕获与冒泡机制相关原理、操作技巧与注意事项,需要的朋友可以参考下
2020-05-05
关于对async await效率问题的深入思考
这篇文章主要给大家介绍了关于对async await效率问题的深入思考,async和await要搭配Promise使用,它进一步极大的改进了Promise的写法,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
2022-01-01
解决webpack多页面内存溢出的方法示例
这篇文章主要介绍了解决webpack多页面内存溢出的方法示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-10-10
JavaScript 闭包的使用场景
这篇文章主要介绍了JavaScript 闭包的使用场景，帮助大家更好的理解和使用JavaScript，感兴趣的朋友可以了解下
2020-09-09
JS SetInterval 代码实现页面轮询
setInterval 是一个实现定时调用的函数，可按照指定的周期（以毫秒计）来调用函数或计算表达式。下面通过本文给大家分享JS SetInterval 代码实现页面轮询，感兴趣的朋友一起看看吧
2017-08-08
js实现滑动触屏事件监听的方法
这篇文章主要介绍了js实现滑动触屏事件监听的方法,适用于手机端触屏滑动事件的监听技巧,非常具有实用价值,需要的朋友可以参考下
2015-05-05