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

生如夏花 2016-08-22 16:31:09 939
分享到:

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();

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


关于作者
上天我不能,入地我不愿,我只能徘徊于天地之间。生当夏花,死而无憾!
相关文章
Druid数据库配置详细介绍。网上一团糟。
BlockingQueue 方法详细描述
dns-prefetch对网站速度能提升多少?详解dns-prefetch。
HttpClient 获取详细的头信息
Ehcache配置详细解释
Maven的Mirror和Repository 的详细讲解
Bootstrap Affix 插件 高级用法详细讲解
Plupload 上传详细讲解,Plupload 多实例上传,Plupload多个上传按钮
document.domain解决跨域问题,详细讲解。
Elasticsearch 教程,Elasticsearch 日期查询详解,Elasticsearch Date 查询Java API
最新文章
免费天气API,全国天气 JSON API接口,可以获取五天的天气预报 39042
JS解密,JavaScript 解密,任何JS加密都能100%解密,以及JS 加密讲解 78
阿里云DNS 解析讲解,SEO配置搜索引擎线路解析 44
百度秒收录教程,怎么做到百度秒收入你的页面,SEO 教程 98
CDN 请求返回 connection reset by peer,被拦截请求解决方案 36
Google AdSense 申请技巧,谷歌广告申请通不过教程 68
Mac 安装 JMeter,JMeter 下载,JMeter Http 压力测试【图解】 49
Java 随机从 List 随机获取多个不重复对象,Mysql 随机10条数据 73
支付宝吱口令自动复制脚本,自动复制 JavaScript 代码介绍 895
谈谈这次对 SOJSON 的改版 149
最热文章
免费天气API,全国天气 JSON API接口,可以获取五天的天气预报 39042
Elasticsearch教程(四) elasticsearch head 插件安装和使用 109094
Elasticsearch教程(六) elasticsearch Client创建 73304
Elasticsearch教程(八) elasticsearch delete 删除数据(Java) 70759
Elasticsearch教程(二),IK分词器安装 67494
Elasticsearch教程(三),IK分词器安装 (极速版) 54088
Elasticsearch教程(五) elasticsearch Mapping的创建 51612
Elasticsearch教程(一),全程直播(小白级别) 51358
Elasticsearch教程(七) elasticsearch Insert 插入数据(Java) 47776
Elasticsearch权威指南-中文.pdf,Elasticsearch 中文文档下载 40932
支付扫码

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

正在加载... ...