博客
关于我
【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/

你可能感兴趣的文章
Mysql学习总结(73)——MySQL 查询A表存在B表不存在的数据SQL总结
查看>>
Mysql学习总结(74)——慢SQL!压垮团队的最后一根稻草!
查看>>
Mysql学习总结(75)——并发量大、数据量大的互联网业务数据库设计军规
查看>>
Mysql学习总结(76)——MySQL执行计划(explain)结果含义总结
查看>>
Mysql学习总结(77)——温故Mysql数据库开发核心原则与规范
查看>>
Mysql学习总结(78)——MySQL各版本差异整理
查看>>
Mysql学习总结(79)——MySQL常用函数总结
查看>>
Mysql学习总结(7)——MySql索引原理与使用大全
查看>>
Mysql学习总结(80)——统计数据库的总记录数和库中各个表的数据量
查看>>
Mysql学习总结(81)——为什么MySQL不推荐使用uuid或者雪花id作为主键?
查看>>
Mysql学习总结(82)——MySQL逻辑删除与数据库唯一性约束如何解决?
查看>>
Mysql学习总结(83)——常用的几种分布式锁:ZK分布式锁、Redis分布式锁、数据库分布式锁、基于JDK的分布式锁方案对比总结
查看>>
Mysql学习总结(84)—— Mysql的主从复制延迟问题总结
查看>>
Mysql学习总结(85)——开发人员最应该明白的数据库设计原则
查看>>
Mysql学习总结(8)——MySql基本查询、连接查询、子查询、正则表达查询讲解
查看>>
Mysql学习总结(9)——MySql视图原理讲解与使用大全
查看>>
Mysql学习笔记 - 在Centos7环境下离线安装Mysql
查看>>
MySQL学习笔记十七:复制特性
查看>>
Mysql学习第一课-mysql的定义及sql语句
查看>>
mysql学号的字符长度_MYSQL--2
查看>>