标签： js

在我们平时写项目以及做算法题时，经常会遇到截取字符串，截取数组，然后我发现每次用的方法都不一样，但是又长得很像，很容易搞不清楚，所以这篇博客就浅浅地来说一说这个问题。

我们常用的分割方法主要有split、splice、slice、substr、substring。下面就通过一些案例和介绍来区分一下吧！

1、split()

通过参数将字符串截取并转为一个新数组（下面的例子意思就是如果字符串中出现‘-’，就会分割，将其加入新数组中），eg:

let str=’a-bc-def’;
let str_split=str.split(‘-‘);//[a,bc,def]
2、splice()

删除、添加原数组；会改变原数组，参数一：开始操作的元素的位置下标，参数二：要删除的元素个数；参数三：在下标为参数一的位置添加的内容；返回值为删除各项所组成的新数组，无删除时则返回空数组。eg:

let str=[‘a’,’bc’,’def’];
let str_splice=str.splice(1,0,’bb’);
console.log(str);//[‘a’,’bb’,’bc’,’def’];
console.log(str_splice)//[]
3、slice()

数组、字符均可使用；参数一：开始截取的下标；参数二：截取的截至位置但不包含该下标；返回截取的新数组

var str=[‘a’,’bc’,’def’,’gh’];
var str_slice=str.slice(1,3);//[‘bc’,’def’]
4、substr()

字符串使用，用于截取指定长度字符串；参数一：开始截取的下标位置；参数二：要截取的字符串长度；返回截取的新字符串

var str=’ab-cd-ef’;
str_substr=str.substr(1,4)//b-cd
5、substring()

var str=’ab-cd-ef’;
var str_substring=str.substring(1-4);//b-c
字符串的使用；参数一：开始截取的位置；参数二：结束截取的下标，但不包含该下标字符；返回截取的新字符；（第二个参数应该大于第一个参数，如果出现第一个参数大于第二个参数的情况，substring方法会自动更换两个参数的位置）