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
网友评论