脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → javascript中slice,splice和split

javascript中不易分清的slice,splice和split三个函数

 更新时间：2016年03月29日 14:11:01   作者：生旦净末丑  
这篇文章主要为大家详细介绍了javascript中不易分清的slice,splice和split三个函数，感兴趣的小伙伴们可以参考一下

每每见到这三个函数，我都会很懵，一定要到网上搜搜；今天，恰巧又见到了它们，所以想必是时候为它们做个笔记啦

1.slice（数组）

用法：array.slice(start,end)

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

//如果不传入参数二，那么将从参数一的索引位置开始截取，一直到数组尾
var a=[1,2,3,4,5,6];
var b=a.slice(0,3);  //[1,2,3]
var c=a.slice(3);    //[4,5,6]

//如果两个参数中的任何一个是负数，array.length会和它们相加，试图让它们成为非负数，举例说明：
//当只传入一个参数，且是负数时，length会与参数相加，然后再截取
var a=[1,2,3,4,5,6];
var b=a.slice(-1);  //[6]

//当只传入一个参数，是负数时,并且参数的绝对值大于数组length时，会截取整个数组
var a=[1,2,3,4,5,6];
var b=a.slice(-6);  //[1,2,3,4,5,6]
var c=a.slice(-8);  //[1,2,3,4,5,6]

//当传入两个参数一正一负时，length也会先于负数相加后，再截取
var a=[1,2,3,4,5,6];
var b=a.slice(2,-3);  //[3]

//当传入一个参数，大于length时，将返回一个空数组
var a=[1,2,3,4,5,6];
var b=a.slice(6);　　//[]

2.slice（字符串）

用法：string.slice(start,end)

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

//举个简单的例子
var a="i am a boy";
var b=a.slice(0,6);  //"i am a"

3.splice（数组）

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

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

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

//举一个简单的例子
var a=['a','b','c'];
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是一个空字符，会返回一个单字符的数组。

//再举一个简单的例子
var a="0123456";
var b=a.split("",3);  //b=["0","1","2"]

以上就是本文的全部内容，希望对大家的学习有所帮助。

您可能感兴趣的文章:

相关文章

  • JavaScript加载导出MIF文件的示例详解

    JavaScript加载导出MIF文件的示例详解

    MIF是由Pitney Bowes Software开发的一种文本格式,用于存储地理空间数据,它通常与地图可视化和地理信息系统（GIS）相关联,MIF文件通常成对出现,本文给大家介绍了javascript加载导出 MIF文件示例,需要的朋友可以参考下
    2024-12-12
  • js中的for如何实现foreach中的遍历

    js中的for如何实现foreach中的遍历

    js中没有foreach这个关键字，但是可以用var v in array来实现遍历，下面有个不错的示例，大家可以参考下
    2014-05-05
  • npm后面的-S和-D参数举例详解

    npm后面的-S和-D参数举例详解

    这篇文章主要给大家介绍了关于npm后面的-S和-D参数举例详解的相关资料,文中还介绍了npm -s和-d的一些区别,对大家的学习或者工作具有一定的参考阶级价值,需要的朋友可以参考下
    2024-01-01
  • 用showModalDialog弹出页面后，提交表单总是弹出一个新窗口

    用showModalDialog弹出页面后，提交表单总是弹出一个新窗口

    用showModalDialog弹出页面后，提交表单总是弹出一个新窗口,其实解决方法很简单如下。
    2009-07-07
  • 理解Javascript_01_理解内存分配原理分析

    理解Javascript_01_理解内存分配原理分析

    在正式开始之前，我想先说两句，理解javascript系列博文是通过带领大家分析javascript执行时的内存分配情况，来解释javascript原理，具体会涵盖javascript预加载，闭包原理，面象对象，执行模型，对象模型...,文章的视角很特别，也非常深入，希望大家能接受这种形式，并提供宝贵意见。
    2010-10-10
  • 开启Javascript中apply、call、bind的用法之旅模式

    开启Javascript中apply、call、bind的用法之旅模式

    在Javascript中，Function是一种对象。Function对象中的this指向决定于函数被调用的方式,使用apply，call 与 bind 均可以改变函数对象中this的指向。
    2015-10-10
  • 在微信小程序中使用图表的方法示例

    在微信小程序中使用图表的方法示例

    这篇文章主要介绍了在微信小程序中使用图表的方法示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2019-04-04
  • 获取鼠标在div中的相对位置的实现代码

    获取鼠标在div中的相对位置的实现代码

    如何获取鼠标在div中的相对位置，其实是很简单，下有个不错的示例，感兴趣的朋友可以参考下
    2013-12-12
  • JS 控件事件小结

    JS 控件事件小结

    事件对于控件来说至关重要，控件的消息通信机制使用事件的成本最低，但是对于JS控件来说有一些麻烦需要解决，JS类本身不支持事件，DOM模型支持的事件仅适应于浏览器的DOM节点。所以创建一套事件是我们写控件之前要做的
    2012-10-10
  • 用倒置滤镜把div倒置，再把table倒置。

    用倒置滤镜把div倒置，再把table倒置。

    用倒置滤镜把div倒置，再把table倒置。...
    2007-07-07

最新评论