JavaScript 字符串常用处理方法详解
作者:闭包旅人时间:2026-10-28 11:09:09浏览:592
本文系统总结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>作者最新文章
什么时候该用JS构造器:与工厂模式、字面量的选择对比
2026-11-05 16:18:22
推荐几款轻量级JS照片墙开源库及对比
2026-11-05 15:56:19
JavaScript递归写法有哪些常见陷阱及避免方法
2026-11-05 14:53:38
JS数组浅拷贝与深拷贝怎么选?场景与方法总结
2026-11-05 14:41:02
p5.js 中 setup() 和 draw() 函数的执行机制详解
2026-11-05 12:32:38
