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

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

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

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

本文主题:

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

关于作者
上天我不能,入地我不愿,我只能徘徊于天地之间。生当夏花,死而无憾!
相关文章
SOJSON.COM 站点介绍
JSON数据格式,JSON格式化介绍,JSON格式介绍。
JSON.stringify 函数 (JavaScript)讲解
怎么合理管理、提高Javascript的性能
Javascript 删除节点后是否需要将手动将事件解绑?
JavaScript function 类型的使用说明
MySql数据库优化注意的四个细节(方法)
MySQL数据库为用户设置密码,Mysql修改密码。Mysql忘记密码解决方法
Druid数据库配置详细介绍。网上一团糟。
HTML meta标签总结与属性使用介绍
最新文章
Javascript 加密/压缩后运行不了,JavaScript报错排查讲解 22
JavaScript 不可逆加密问题排查之方案一(闭包优化) 22
Java爬虫,Jsoup 爬取大众点评、美团商家信息电话号码解决方案 152
分解质因数 JavaScript 计算方式,及分解质因数讲解 4
湖南腾众4s店服务怎么样?进来看看你就知道了 27
SEO 之 SpringMVC redirect 301,301和302区别详细讲解 69
网站如何设置404页面、500等错误页面,有什么漏洞?怎么预防? 87
Java 文字转图片输出,Java 输出透明背景图片,Java文字转图片防爬虫 143
HttpClient获取访问域名的真实ip,HttpClient请求获取目标IP地址 258
又拍云24小时日志下载方法,日志合并,.gz 压缩包多个合并方法 42
最热文章
免费天气API,全国天气 JSON API接口,可以获取五天的天气预报 174625
Elasticsearch教程(四) elasticsearch head 插件安装和使用 137987
我为什么要选择RabbitMQ ,RabbitMQ简介,各种MQ选型对比 116249
Elasticsearch教程(六) elasticsearch Client创建 81935
Elasticsearch教程(二),IK分词器安装 76990
Elasticsearch教程(一),全程直播(小白级别) 76877
Elasticsearch教程(八) elasticsearch delete 删除数据(Java) 76667
苹果电脑Mac怎么恢复出厂系统?苹果系统怎么重装系统? 74060
Elasticsearch教程(五) elasticsearch Mapping的创建 69248
Elasticsearch教程(三),IK分词器安装 (极速版) 58117
支付扫码

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

正在加载... ...