vue前端技术分享让前端飞

slice splice split substr substr

2019-03-29  本文已影响0人  行走的巨象

1.slice()用法

slice(start,end) : 可以从已有数组中返回选定的元素,返回形式为数组类型,包含从start(包含start)到end(不包含end)的数组元素。

注:该方法不会改变原数组,而是返回一个子数组,如果想删除数组中的一段元素,应该使用splice()方法,后续有介绍

例子:

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):该方法可以向数组中添加或删除元素,返回被删除的元素。(该方法会改变数组)

例子:

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字符串分割成片段来创建一个字符串数组。

例子:

    var a = "012345";
    var b = a.split('',3);      //['0','1','2']

4.substr() 用法

用法:string.substr(start,length) 在字符串中抽取下标开始的指定数目的字符

注:ECMAscript没有对该方法进行标准化,因此反对使用它

例子:

    var a = "012345";
    console.log(a.substr(1,3))          //123

5.substring

用法:string.substring(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

上一篇下一篇

猜你喜欢

热点阅读