博客
关于我
【JS笔记】JavaScript splice()方法的使用
阅读量:366 次
发布时间:2019-03-04

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

JavaScript splice()方法

splice()方法

插入、删除、或者替换一个数组元素,然后返回被删除的元素。

语法格式:

array.splice(index,howmany,n1,n2,···,nx);

参数说明:

index(必选项):

该参数是开始插入和(或)删除的数组元素的下标, 必须是数字。

howmany(必选项):规定删除多少元素,必须是数字,可以为0,如果未

规定此参数,则删除从index开始到原数组结尾的所有元素。

n1,n2,nx(可选项):是要添加到数组的新元素。

使用方法:

  • 元素的删除:
var arr = [1,2,3,4,5];console.log("未删除之前的数组:"+arr);arr.splice(0,2);//从数组arr的下标0开始,删除2个元素console.log("已删除之后的数组:"+arr);

运行结果:

在这里插入图片描述

  • 元素的插入:
var arr = [1,2,3,4,5];console.log("未插入之前的数组:"+arr);arr.splice(3,0,9,9,'s','scdn');//从数组arr的下标3开始,插入4个元素console.log("已插入之后的数组:"+arr);

运行结果:

在这里插入图片描述

  • 元素的替换:
var arr = [1,2,3,4,5];console.log("未替换之前的数组:"+arr);arr.splice(2,2,'s','scdn');//从数组arr的下标2开始,删除2个元素,再插入2个元素console.log("已替换之后的数组:"+arr);

运行结果:

在这里插入图片描述
注意:该方法会改变原始数组

var arr = [1,2,3,4,5];//返回被删除的元素console.log("1.splice返回的值:"+arr.splice(2,2));//返回被删除的值[3,4]document.write("1.改变后的数组为:"+arr+"
");//改变后的数组为[1,2,5]console.log("2.splice返回的值:"+arr.splice(3,0,'a','z'));//未删除任何值,使用没有返回值document.write("2.改变后的数组为:"+arr+"
");//改变后的数组为[1,2,5,a,z]console.log("3.splice返回的值:"+arr.splice(2,2,'a','z'));//返回被删除的值[5,a]document.write("3.改变后的数组为:"+arr);//改变后的数组为[1,2,5,a,z,z]

运行结果:

在这里插入图片描述

内容到此就结束了,如果觉得这个文章对你有所帮助,不妨给博主点个赞,你的鼓励就是作者最大的动力。

转载地址:http://zwxh.baihongyu.com/

你可能感兴趣的文章
nodejs在Liunx上的部署生产方式-PM2
查看>>
nodejs基于art-template模板引擎生成
查看>>
nodejs字符与字节之间的转换
查看>>
NodeJs学习笔记001--npm换源
查看>>
NodeJs学习笔记002--npm常用命令详解
查看>>
nodejs学习笔记一——nodejs安装
查看>>
vue3+Element-plus icon图标无法显示的问题(已解决)
查看>>
NodeJS实现跨域的方法( 4种 )
查看>>
nodejs封装http请求
查看>>
nodejs常用组件
查看>>
nodejs开发公众号报错 40164,白名单配置找不到,竟然是这个原因
查看>>
Nodejs异步回调的处理方法总结
查看>>
NodeJS报错 Fatal error: ENOSPC: System limit for number of file watchers reached, watch ‘...path...‘
查看>>
nodejs支持ssi实现include shtml页面
查看>>
Nodejs教程09:实现一个带接口请求的简单服务器
查看>>
nodejs服务端实现post请求
查看>>
nodejs框架,原理,组件,核心,跟npm和vue的关系
查看>>
Nodejs概览: 思维导图、核心技术、应用场景
查看>>
nodejs模块——fs模块
查看>>
Nodejs模块、自定义模块、CommonJs的概念和使用
查看>>