slice splice split substr substr
1.slice()用法
slice(start,end) : 可以从已有数组中返回选定的元素,返回形式为数组类型,包含从start(包含start)到end(不包含end)的数组元素。
注:该方法不会改变原数组,而是返回一个子数组,如果想删除数组中的一段元素,应该使用splice()方法,后续有介绍
- start参数:必须,规定从何处开始选取,如果为负数,规定从数组尾部算起的位置,-1是指最后一个元素;
- end参数:可选,如果该参数没有指定,那么切分的数组包含从start到数组结束的所有元素,如果这个参数为负数,那么规定是从数组尾部开始算起的元素。
例子:
var arr = [1,2,3,4,5];
console.log(arr.slice(1)); //[2,3,4,5] 选择序列号从1到最后所有元素组成的新数组 角标从0 开始
console.log(arr.slice(1,3)) //[2,3] 不包含end,序列号为3的元素
同slice()可以用于字符串切割的方法还有substring(),substr(),以下为简单例子,后续有详细区分和介绍
var str = "Hello world!";
var sliceStr = str.slice(1,5); //ello (不包含end)
var substring = str.substring(1,5); //ello
var substr = str.substr(1,5); //ello
var str = "100000";
var sliceStr = str.slice(-3); //000 从序列号-3的位置到最后
2.splice() 用法
splice(index,howmany,item1, ...itemX):该方法可以向数组中添加或删除元素,返回被删除的元素。(该方法会改变数组)
- index参数:必须,整数,规定添加或删除的位置,使用负数,从数组尾部规定位置。
- howmany参数:必须,要删除的数量,如果为0,则不删除项目。
- item,...itemX参数:可选,要向数组中添加的项目。
例子:
var arr = [1,2,3,4,5];
console.log(arr.spice(2,1,'hello')) //[3] 截取并返回了新数组
console.log(arr); //[1,2,'hello',4,5] //改变了原数组
3.split() 用法
string.split(separator,limit):split方法把这个string字符串分割成片段来创建一个字符串数组。
- separator参数:必须,字符串或一个正则表达式
- limit参数:可选,限制被分割的片段数量
例子:
var a = "012345";
var b = a.split('',3); //['0','1','2']
4.substr() 用法
用法:string.substr(start,length) 在字符串中抽取下标开始的指定数目的字符
- start参数:必须,正数表示字符串起始下标,负数表示从字符串尾部算起。
- length参数:可选,省略时默认表示从start开始到目标字符串结尾。
注:ECMAscript没有对该方法进行标准化,因此反对使用它
例子:
var a = "012345";
console.log(a.substr(1,3)) //123
5.substring
用法:string.substring(start,stop) 提取字符串中介于两个指定下标之间的字符
- start参数:必须,正数,规定要提取的子串在字符串中的起始位置
- stop参数:可选,正数,提取的字符串最后一位在此之前,如果省略该参数,返回的字串会一直到字符串结尾。
注:如果参数start和stop相等,该方法返回一个空串,如果start比stop大,那么该方法在提取子串前会交换这两个参数
与slice()和substr()方法不同的是,substring()不接受负的参数
slice() substr() substring() 对比总结
对比图1.第2个参数。slice,substring中表示字符串的结束位置,substr中表示长度。
2.参数可否为负数。slice方法比较灵活两个参数都可以为负数,substr只有第一个参数可以为负数,substring两个参数都为正数。
3.第一个参数大于第二个参数时,substring比较灵活,会交换参数位置,substr第二个参数是长度故不受影响,slice开始位置在结束位置后面则返回空字符串。
参考文章
https://blog.csdn.net/xiaoqingpang/article/details/79108005
https://www.cnblogs.com/imelemon/p/6035810.html#_label0