JavaScript 字符串常用操作方法详解

作者:半夏

时间:2026-10-23

浏览:278

本文总结了JavaScript中常用的字符串处理方法。通过具体代码示例,详细讲解了replace()替换字符串、search()查找位置、slice()截取子串、match()匹配值、link()生成链接以及lastIndexOf()反向查找等方法的参数用法、返回值及大小写敏感特性,帮助开发者快速掌握字符串操作技巧。

文章目录
1.replace()

字符串替换方法 replace()

示例:


<script type="text/javascript">


var str="这个是text,下面还有一个text,这个text与那个text不相同";


document.write(str.replace(/text/g,"test"));//此操作将所有text替换为test


var str1="这个是Text,下面还有一个Text,这个Text与那个Text不相同";


document.write(str1.replace(/text/gi,"test"));//忽略大小写,将所有text替换为test


var str2="这个是text";


document.write(str2.replace(/text/,"test"));//将首个text替换为test


var str3="这个是Text";


document.write(str3.replace(/text/i,"test"));//忽略大小写,将Text替换为test


</script>


2.search()

字符串搜索方法 search()

示例:


<script type="text/javascript">


var str="zhangqingyu";


document.write(str.search(/a/));----->2,若未找到指定字符串则返回-1


var str1="zhAngqingyu";


document.write(str1.search(/a/));---->-1,表示不存在


document.write(str1.search(/a/i));---->2,该方法支持模糊匹配


</script>


3.slice()从字符串中提取子串,生成新字符串

字符串截取方法 slice()

示例:


<script type="text/javascript>


var str="zhangqingyu";


document.write(str.slice(0,2));---->zh


document.write(str.slice(-3,11));--->gyu,当第一个参数为负数时,起始位置为字符串长度加上该参数值


document.write(str.slice(0,-4));---->zhangqi,当第二个参数为负数时,结束位置为字符串长度加上该参数值


document.write(str.slice(4));------>gqingyu,若仅有一个参数,则从该位置截取至字符串末尾


</script>


4.match()在字符串中查找指定值,返回该值而非位置,与search不同

字符串匹配方法 match()

示例:


<script type="text/javascript>


var str="hello word!";


document.write(str.match("word"));--->word


document.write(str.match("Word"));---->null


document.write(str.match("word!"));---->word!


</scrip>


5.link()将字符串转换为超链接

字符串链接方法 link()

示例:


<script type="text/javascript>


var url="点击这里";


document.write(url.link("http://www.hao123.com"));


</script>


6.lastIndexOf()获取查询值在字符串中的位置,未找到返回-1

字符串反向查找方法 lastIndexOf()

示例:


<script type="text/javascript>


var str="zhangqingyu";


document.write(str.lastIndexOf("g"));---->8


document.write(str.lastIndexOf("g","1"));


</script>

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章