zoukankan      html  css  js  c++  java
  • slice,splice和split三个函数间的区别

    1.slice(数组)

    用法:array.slice(start,end)

    解释:该方法是对数组进行部分截取,并返回一个数组副本;参数start是截取的开始数组索引,end参数等于你要取的最后一个字符的位置值加上1(可选)

     1 //如果不传入参数二,那么将从参数一的索引位置开始截取,一直到数组尾
     2 var a=[1,2,3,4,5,6];
     3 var b=a.slice(0,3);  //[1,2,3]
     4 var c=a.slice(3);    //[4,5,6]
     5  
     6 //如果两个参数中的任何一个是负数,array.length会和它们相加,试图让它们成为非负数,举例说明:
     7 //当只传入一个参数,且是负数时,length会与参数相加,然后再截取
     8 var a=[1,2,3,4,5,6];
     9 var b=a.slice(-1);  //[6]
    10  
    11 //当只传入一个参数,是负数时,并且参数的绝对值大于数组length时,会截取整个数组
    12 var a=[1,2,3,4,5,6];
    13 var b=a.slice(-6);  //[1,2,3,4,5,6]
    14 var c=a.slice(-8);  //[1,2,3,4,5,6]
    15  
    16 //当传入两个参数一正一负时,length也会先于负数相加后,再截取
    17 var a=[1,2,3,4,5,6];
    18 var b=a.slice(2,-3);  //[3]
    19  
    20 //当传入一个参数,大于length时,将返回一个空数组
    21 var a=[1,2,3,4,5,6];
    22 var b=a.slice(6);  //[]

    2.slice(字符串)

    用法:string.slice(start,end)

    解释:slice方法复制string的一部分来构造一个新的字符串,用法与参数匀和数组的slice方法一样;end参数等于你要取的最后一个字符的位置值加上1

    1 var a="i am a boy";
    2 var b=a.slice(0,6);  //"i am a"

    3.splice(数组)

    用法:array.splice(start,deleteCount,item...)

    解释:splice方法从array中移除一个或多个数组,并用新的item替换它们。参数start是从数组array中移除元素的开始位置。参数deleteCount是要移除的元素的个数。

    如果有额外的参数,那么item会插入到被移除元素的位置上。它返回一个包含被移除元素的数组。

    1 var a=['a','b','c'];
    2 var b=a.splice(1,1,'e','f');  //a=['a','e','f','c'],b=['b']

    4.split(字符串)

    用法:string.split(separator,limit)

    解释:split方法把这个string分割成片段来创建一个字符串数组。可选参数limit可以限制被分割的片段数量。separator参数可以是一个字符串或一个正则表达式。如果separator是一个空字符,会返回一个单字符的数组。

    1 var a="0123456";
    2 var b=a.split("",3);  //b=["0","1","2"]
  • 相关阅读:
    解决软件卸载时Abstract: "Invalid serial number" xe4
    Delphi 数据类型列表
    delphi self.Update 什么作用
    delphi之完美Splash方案(在TfrmMain.FormCreate里不断调用TfrmSplash显示加载进度文字,并且及时Update显示)
    H5单页面架构:自定义路由 + requirejs + zepto + underscore
    H5单页面架构:backbone + requirejs + zepto + underscore
    H5单页面架构:requirejs + angular + angular-route
    基于angularJS和requireJS的前端架构
    单页面应用SPA架构
    自动化前端项目构建
  • 原文地址:https://www.cnblogs.com/landen/p/7017429.html
Copyright © 2011-2022 走看看