详解JavaScript中splice()方法,有Demo详细介绍

生如夏花 2016-08-22 16:31:09 3293

splice  ()函数是一个比较少用的函数,但是功能确实很好,并且在我们Coding的时候,经常有需要 splice  方法,但是我们不知道这个方法的存在,那么我们来介绍一下 splice  方法。

Javascript  splice  ()方法,是一个很强的数组方法,它有多种用法。

splice  ()主要用来向数组中添加新的值。

那么下面来演示三种使用场景。

一、删除。

需要2个参数,第一个参数为“起始位”,第二个参数表示删除多少个。下面的 Demo  很清楚了吧。

//创建数组
var array = [];
//添加值
array.push(1);
array.push(2);
array.push(3);
//删除,从第 0 个开始,删除一个元素。
array.splice(0,1);
console.log(array);//结果为: [2, 3]

二、插入/添加值。

在向一个数组中添加或者插入值的时候,我们需要3个参数,第一个为“起始位”,第二个为“要删除元素个数”,第二个以后为:“要插入的项”,我们看Demo。

//创建数组
var array = [];
//添加值
array.push(1);
array.push(2);
array.push(3);
//在向一个数组中添加或者插入值。
array.splice(1,1,"添加值1","添加值2","添加值3");
console.log(array);//结果为: [1, "添加值1", "添加值2", "添加值3", 3]

看明白了吧,从第一个开始,也就是原来数组中的“2”的位置,然后第二个参数表示删除一个,也就是要删除数字2”,然后"添加值1","添加值2","添加值3" 为要新插入的值。

如果我们不需要删除,那么第二个参数为“0”即可。

三、替换。

其实替换和第二个方式一样,其实就是插入几个就删除几个,就达到效果了,我们还是来一个Demo吧。

//创建数组
var array = [];
//添加值
array.push(1);
array.push(2);
array.push(3);
//我们把2和3替换成5和6
array.splice(1,2,5,6);
console.log(array);//结果为: [1, 5, 6]

额外补充:在 Javascript  中,创建 数组  ,我知道的有二种方式。

  • var array = [];
  • var array = new Array();

这二种方式创建的效果一样。


版权所属:SO JSON在线解析

原文地址:https://www.sojson.com/blog/112.html

转载时必须以链接形式注明原始出处及本声明。

本文主题:

如果本文对你有帮助,那么请你赞助我,让我更有激情的写下去,帮助更多的人。

关于作者
上天我不能,入地我不愿,我只能徘徊于天地之间。生当夏花,死而无憾!
相关文章
Spring JPA查询,JPA 根据方法名字查询详细介绍
BlockingQueue 方法详细描述
Druid数据库配置详细介绍。网上一团糟。
dns-prefetch对网站速度能提升多少?详解dns-prefetch。
Linux 安装 Redis 详细步骤讲解
Maven的Mirror和Repository 的详细讲解
HttpClient 获取详细的头信息
Ehcache配置详细解释
Freemarker Macro,Freemarker 宏参数传递详细讲解
Shiro教程,Shiro 配置文件详细解释,Shiro自定义Filter配置
最新文章
QUIC / HTTP3 协议详细分析讲解 1302
恭喜那个做云存储的七牛云完成 F 轮 10 亿人民币的融资,开启新的云旅程 1935
Autojs怎么安全加密?Autojs在线加密工具注意事项。 2866
Java JSON 组件选型之 FastJson 为什么总有漏洞? 8674
使用七牛云存储实现图片API,自动删除图片方案合集 2538
神速ICP备案经验分享,ICP备案居然一天就通过了 3936
百度加强推送URL链接,百度SEO强行推送链接JavaScript代码案例讲解。 4107
SOJSON 拓展服务器被DDos攻击了一晚上,是如何解决的? 4921
湖南地区备案“新增网站需提交组网方案或解释说明”,关于备案做简单叙述 5287
企查查你是个什么企业,骗子的帮凶,诈骗的集中营,通过企查查骚扰企业电话不断,为所欲为的企查查 12233
最热文章
苹果电脑Mac怎么恢复出厂系统?苹果系统怎么重装系统? 467190
我为什么要选择RabbitMQ ,RabbitMQ简介,各种MQ选型对比 433841
免费天气API,全国天气 JSON API接口,可以获取五天的天气预报 364947
最新MyEclipse8.5注册码,有效期到2020年 (已经更新) 359416
免费天气API,天气JSON API,不限次数获取十五天的天气预报 322527
Elasticsearch教程(四) elasticsearch head 插件安装和使用 239680
Jackson 时间格式化,时间注解 @JsonFormat 用法、时差问题说明 204273
谈谈斐讯路由器劫持,你用斐讯路由器,你需要知道的事情 147666
Elasticsearch教程(一),全程直播(小白级别) 127890
Java 信任所有SSL证书,HTTPS请求抛错,忽略证书请求完美解决 105895
支付扫码

所有赞助/开支都讲公开明细,用于网站维护:赞助名单查看

查看我的收藏

正在加载... ...