JavaScript 字符串常用处理方法详解

作者:闭包旅人

时间:2026-10-28

浏览:591

本文系统总结JavaScript中常用的字符串处理方法。详细解析indexOf与lastIndexOf的位置查找、length属性获取长度、substr截取子串、charAt获取指定字符以及split分割字符串为数组的具体用法与参数说明,并附带代码示例,帮助开发者掌握字符串操作技巧。

文章目录

字符串查找与长度获取

1. indexOf() 方法用于从前向后查找字符串中指定子串首次出现的位置,该方法区分大小写,索引值从 0 开始计数。与之对应的 lastIndexOf() 方法则是从后向前进行查找,两者在相同的检索条件下返回的结果一致。



例如:


代码如下:

 
<script type="text/javascript">
var str="Hello World!"
document.write(str.indexOf("Hello"))//输出0
document.write(str.indexOf("World"))//输出6
document.write(str.indexOf("world"))//输出-1,因为没查到
</script>

2. length 属性,通过“XXX.length”的形式进行访问,因为它是 string 对象的一个内置方法。


代码如下:

 
<script type="text/javascript">
var str="Hello World!"
document.write(str.length);//输出12
</script>

字符串截取与字符获取

3. substr() 方法用于截取字符串,它包含一个必选参数和一个可选参数,索引同样从 0 开始计数。


代码如下:

 
<script type="text/javascript">
var str="Hello World!"
document.write(str.substr(3));//输出lo World!,从序数为3的字符开始(包括序数为3的字符),参数只有一个时会一直输出到末尾
document.write(str.substr(3,7));//输出lo Worl,如果第一个参数是负数,就是倒着数
</script>

4. charAt() 方法用于返回指定索引位置的字符,索引从 0 开始计数。


代码如下:

 
<script type="text/javascript">
var str="Hello World!"
document.write(str.charAt(1));//输出e
</script>

字符串分割方法

5. split() 方法用于将一个字符串按照指定的分隔符分割成字符串数组。


代码如下:

 
<script type="text/javascript">
var str="Hello World!"
document.write(str.split(" "));//输出Hello,World!
document.write(str.split(""));//输出H,e,l,l,o,W,o,r,l,d,!
document.write(str.split(" ",1));//输出Hello
"2:3:4:5".split(":")//将返回["2", "3", "4", "5"]
"|a|b|c".split("|")//将返回["", "a", "b", "c"]
var words = sentence.split(/\s+/)//使用正则表达式作为分割参数
</script>

实用工具推荐

电子包浆

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

使用 ›
图片压缩

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

使用 ›
相关文章