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

你可能感兴趣的文章
Nginx代理解决跨域问题(导致图片只能预览不能下载)
查看>>
Nginx代理访问提示ERR_CONTENT_LENGTH_MISMATCH
查看>>
Nginx代理配置详解
查看>>
Nginx代理静态资源(gis瓦片图片)实现非固定ip的url适配网络环境映射ip下的资源请求解决方案
查看>>
Nginx代理静态资源(gis瓦片图片)实现非固定ip的url适配网络环境映射ip下的资源请求解决方案
查看>>
nginx反向代理
查看>>
Nginx反向代理
查看>>
nginx反向代理、文件批量改名及统计ip访问量等精髓总结
查看>>
Nginx反向代理与正向代理配置
查看>>
Nginx反向代理及负载均衡实现过程部署
查看>>
Nginx反向代理和负载均衡部署指南
查看>>
Nginx反向代理是什么意思?如何配置Nginx反向代理?
查看>>
nginx反向代理解决跨域问题,使本地调试更方便
查看>>
nginx反向代理转发、正则、重写、负摘均衡配置案例
查看>>
Nginx反向代理配置
查看>>
Nginx启动SSL功能,并进行功能优化,你看这个就足够了
查看>>
nginx启动脚本
查看>>
Nginx在Windows上和Linux上(Docker启动)分别配置基本身份认证示例
查看>>
Nginx在Windows下载安装启动与配置前后端请求代理
查看>>
Nginx多域名,多证书,多服务配置,实用版
查看>>