JavaScript字符串操作方法解析-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_43765641/article/details/126921914

本文详细介绍了JavaScript中字符串的常用方法，包括split()、charAt()、concat()、截取字符串的slice()、substring()和substr()、indexOf()和lastIndexOf()的查找功能、trim()去除空格以及toLowerCase()和toUpperCase()的大小写转换。通过实例解析，帮助开发者更好地理解和应用这些方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

目录

1、将字符串分隔为数组：split()

2、根据索引取出对应字符：charAt()

3、拼接字符串：concat()

4、截取字符串

5、查找

6、删除字符串前后空格：trim()

7、大小写转化

8、替换字符串

1、将字符串分隔为数组：split()

（1）参数为空时，分隔每个字符
<script>
    var str="split sp lit"
    console.log(str);
    var newstr=str.split('')
    console.log(newstr);
</script>
（2）参数为空格时，以空格分隔

2、根据索引取出对应字符：charAt()
<script>
    var str="split sp lit"
    console.log(str);
    var newstr=str.charAt(6)
    console.log(newstr);
</script>
3、拼接字符串：concat()
<script>
    var str = "Document"
    console.log(str);
    var newstr = str.concat("document")
    console.log(newstr);
</script>
4、截取字符串

（1）slice()

返回值：是一个新数组。

一个参数：截取索引开始位置一直到结束。
<script>
    var str = "Document"
    console.log(str);
    var newstr = str.slice(3)
    console.log(newstr);
</script>
两个参数：截取的是一个范围，包括开始的位置，不包括结束的位置。
<script>
    var str = "Document"
    console.log(str);
    var newstr = str.slice(3,5)
    console.log(newstr);
</script>
（2）substring(indexstart,indexend)

                 ndexstart：截取字符串的开始索引

                 indexend：截取字符串的结束索引，但不包括结束索引的字符

         用法同slice()

（3）substr(start,length)

                start：截取字符串的开始索引

                length：要截取的字符数，不写就是从开始截取到最后
<script>
    var str = "Document"
    console.log(str);
    var newstr = str.substr(3,3)
    console.log(newstr);
</script>
5、查找

（1）indexOf：从前向后查找，找到就返回对应的索引值，找不到就得到-1
<script>
    var str = "Document"
    console.log(str);
    var newstr = str.indexOf('m')
    console.log(newstr);
</script>
（2）lastIndexOf：从后向前查找，找到就返回对应的索引值，找不到就得到-1

注意：索引值为从前向后的顺序
<script>
    var str = "Document"
    console.log(str);
    var newstr = str.lastIndexOf('n')
    console.log(newstr);
</script>
6、删除字符串前后空格：trim()
<script>
    var str = "     Document   "
    console.log(str);
    var newstr=str.trim();
    console.log(newstr);
</script>
7、大小写转化

（1）将大写转化为小写：toLowerCase()
<script>
    var str = "Document"
    console.log(str);
    var newstr=str.toLowerCase();
    console.log(newstr);
</script>
（2）将小写转化为大写：toUpperCase()
<script>
    var str = "Document"
    console.log(str);
    var newstr=str.toUpperCase();
    console.log(newstr);
</script>
8、替换字符串

（1）只替换第一个：replace()
<script>
    var str = "Document"
    console.log(str);
    var newstr=str.replace("o","a");
    console.log(newstr);
</script>
（2）替换所有的字符：replaceAll()
<script>
    var str = "Docuomenot"
    console.log(str);
    var newstr=str.replaceAll("o","a");
    console.log(newstr);
</script>