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

JSON 2016-08-22 16:31:09 5309

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 根据方法名字查询详细介绍
JavaScript对象详细剖析
JavaScript对象详细剖析
js把html转为图片的方法,最详解
Druid数据库配置详细介绍。网上一团糟。
BlockingQueue 方法详细描述
Unicode编码详解
SQL内连接详解及图解
做网站时域名哪些重要性?详细解答
做网站时域名哪些重要性?详细解答
最新文章
文件上传漏洞与防御 4058
前端构建工具选型指南:Webpack、Vite、Rollup、esbuild 深度对比 1444
物联网时代2026年时序数据库选型指南 1151
SaaS行业面临AI挑战:从“无限复用”到“灵活适应” 1269
神经网络:从构造到模型训练全链路解析 1168
一文吃透 Redis 核心存储结构:ziplist、listpack 与哈希表扩容 / 并发查询 1593
Linux sudo提权完整指南:从基础用法到生产级安全配置 691
XSS 和 CSRF 的本质区别及开发防御全解析 772
JVM垃圾回收(GC)全维度解析:从原理到调优实战 813
Linux动静态库与ELF加载全解析:从实操制作到底层原理 912
最热文章
免费天气API,天气JSON API,不限次数获取十五天的天气预报 783114
最新MyEclipse8.5注册码,有效期到2020年 (已经更新) 711464
苹果电脑Mac怎么恢复出厂系统?苹果系统怎么重装系统? 679993
Jackson 时间格式化,时间注解 @JsonFormat 用法、时差问题说明 562673
我为什么要选择RabbitMQ ,RabbitMQ简介,各种MQ选型对比 512621
Elasticsearch教程(四) elasticsearch head 插件安装和使用 484794
Jackson 美化输出JSON,优雅的输出JSON数据,格式化输出JSON数据... ... 302947
Java 信任所有SSL证书,HTTPS请求抛错,忽略证书请求完美解决 247433
Elasticsearch教程(一),全程直播(小白级别) 233097
谈谈斐讯路由器劫持,你用斐讯路由器,你需要知道的事情 228329
支付扫码

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

查看我的收藏

正在加载... ...