String对象中易混淆知识点substr,slice,substring,split,splice总结

最近把在学习当中遇到的一些问题提出来和大家分享一下,希望对大家有一定的帮助。不多说,下面直接上干货,走你!

在String对象中会接触到字符串的一些操作方法,比如常见的字符串拼接,字符串的截取等等:

1、concat(str1,str2,str3…) 拼接字符串 代码如下:

<script>
        var str1 = 'zs';
        var str2 = 'ls';
        console.log(str1.concat(str2, '姓名')) 输出zsls姓名
</script>

2、substr(start(索引号),length(截取个数))
如果截取个数超过字符串的长度(str1.length),输出全部字符,如果只有索引号,则从当前索引号下对应的值截取剩下的字符,若索引号下没有对应的字符,则输出为空,如果括号内不填,则输出全部字符 代码如下:

<script>
    var str1 = 'zs';
        console.log(str1.substr(0,2))  输出zs
        console.log(str1.substr(0,3))  输出zs
        console.log(str1.substr(1))  输出s
        console.log(str1.substr(3))  输出
        console.log(str1.substr())  输出zs
</script>

3、slice(start,end(两个都是索引号))
注意左闭右开,若为负值,则往反方向截取到length-负值的位置。代码如下:

<script>
    var str1 = 'zs';
		console.log(str1.slice(0,2)) 输出zs
        console.log(str1.slice(0,-1)) 输出z
</script>

4、 substring(start,end 基本和slice相同,但不接受负值) 代码如下:

<script>
var str1 = 'zs';
console.log(str1.substring(0,-1))  不输出
</script>

5、split()切割字符串并返回一个新数组。代码如下:

<script>
    var str = 'a,b,c,d,e'
    console.log(str);   输出a,b,c,d,e
    var arr = str.split(',')
    console.log(arr)  输出["a", "b", "c", "d", "e"]
</script>

6、splice()数组删除,返回被删除的数组。会影响原来的数组。它是Array对象里面数组操作的一个方法,不能跟String对象里的属性搞混了,用法如下(第几个开始,要删除的个数) 代码如下:

<script>
var arr2 = ['zs','lisi','wangwu']
var str = (arr2.splice(0,1))
    console.log(str)     输出 ["zs"]
    console.log(arr2)    输出['lisi','wangwu']
</script>

以上是博主总结的一小部分知识内容,希望能给各位提供帮助哦

©️2020 CSDN 皮肤主题: 1024 设计师:上身试试 返回首页