博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JavaScript方法splice()和slice()
阅读量:5065 次
发布时间:2019-06-12

本文共 1637 字,大约阅读时间需要 5 分钟。

1 splice()

1.1 说明

splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目。该方法会改变原始数组

1.2 语法

arrayObject.splice(index,howmany,item1,.....,itemX)

参数

  • index: 必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。
  • howmany: 必需。要删除的项目数量。如果设置为 0,则不会删除项目。
  • item1, ..., itemX: 可选。向数组添加的新项目。

返回值

  • Array: 包含被删除项目的新数组,如果有的话。

1.3 示例

//添加项目(function(){    var arr = [0, 1, 2, 3, 4];    arr.splice(1, 0, 9, 10); //索引位置/ 删除数量/ 可选, 添加项目, 可多个    console.log(arr); //[0, 9, 10, 1, 2, 3, 4]}());//删除项目(function(){    var arr = [0, 1, 2, 3, 4];    arr.splice(1, 2);    console.log(arr); //[0, 3, 4]}());//删除并添加项目(function(){    var arr = [0, 1, 2, 3, 4];    arr.splice(1, 2, 9, 10, 11);    console.log(arr); //[0, 9, 10, 11, 3, 4]}());

2 slice()

2.1 说明

slice() 方法可从已有的数组中返回选定的元素。该方法并不会修改数组,而是返回一个子数组

2.2 语法

arrayObject.slice(start,end)

参数

  • start: 必需。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 指最后一个元素,-2 指倒数第二个元素,以此类推。
  • end: 可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素。

返回值

  • 返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。

2.3 示例

//截取中间一段(function(){    var arr = [0, 1, 2, 3, 4];    arrS = arr.slice(1, 3); //从索引1开始到索引3之前, 不包括索引3的项目    console.log(arrS); //[1, 2]}());//截取中间到最后(function(){    var arr = [0, 1, 2, 3, 4];    arrS = arr.slice(1); //end为空, 从索引1开始到结束    console.log(arrS); //[1, 2, 3, 4]}());//获取最后一个项目(function(){    var arr = [0, 1, 2, 3, 4];    arrS = arr.slice(-1); // -1个项目到最后, -1即最后一个, -2倒数第二个    console.log(arrS); //[4]}());//排除最后一个项目(function(){    var arr = [0, 1, 2, 3, 4];    arrS = arr.slice(0, -1); // 第一个到第-1个, 不包含第-1个(最后一个)    console.log(arrS); //[0, 1, 2, 3]}());

转载于:https://www.cnblogs.com/mazey/p/7308709.html

你可能感兴趣的文章
《Python编程从入门到实践》学习笔记8(第9章:类)
查看>>
Hibernate
查看>>
fedora 使用 vnc 远程 fedora 28 主机
查看>>
cocos2dx + vs安装使用
查看>>
CentOS 7下安装Logstash ELK Stack 日志管理系统(上)
查看>>
自然数e这家伙怎么蹦跶出来的?
查看>>
经常使用命令 echo、@、call、pause、rem
查看>>
PHP设计模式之适配器模式
查看>>
康托尔定理是如何证明的?
查看>>
Google Guice结合模式
查看>>
Linux centos 主机名颜色设置 和 别名设置
查看>>
jquery自己主动旋转的登录界面的背景代码登录页背景图
查看>>
(64位oracle使用32位的PLSQL)安装64位的oracle数据库软件,使用32位的PLSQL Developer连接方法...
查看>>
JavaScipt面向对象编程----闭包
查看>>
ajax异步通讯 遮罩滚动栏,防止并发及误操作
查看>>
Cocos2d-x项目移植到WP8小记
查看>>
如何在 Mac 上卸载 Java?
查看>>
数据库命名规范(转)
查看>>
Asp.Net 数据分页
查看>>
进程相关(进程Id获取主窗口)
查看>>