JS数组splice操作实例分析
本文实例讲述了JS数组splice操作。分享给大家供大家参考,具体如下:
node2:/var/www/html/js#cat h23.js
<script> var narr=['a','b','c','d','e']; console.log(narr); for (var j=0;j<narr.length;j++){ console.log(j+'=>'+narr[j]); }; console.log(narr); for (var j=0;j<narr.length;j++){ console.log(j+'=>'+narr[j]); if (narr[j] == 'c'){ narr.splice(j,1); }; }; console.log(narr); for (var j=0;j<narr.length;j++){ console.log(j+'=>'+narr[j]); }; </script>
ps:数组长度相应改变,但是原来的数组索引也相应改变,splice参数中第一个2,是删除的起始索引(从0算起),在此是数组第二个元素。第二个1,是删除元素的个数,在此只删除一个元素,即test[2];
感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。
更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript数组操作技巧总结》、《JavaScript遍历算法与技巧总结》、《javascript面向对象入门教程》、《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript错误与调试技巧总结》
希望本文所述对大家JavaScript程序设计有所帮助。
相关推荐
-
JavaScript中数组slice和splice的对比小结
前言 今天重温了一下Javascript,看到了数组的方法,其中有两个比较相似的方法--splice和splice,看着很像,就是多了一个p,但是用法却相当不一样. 在使用中,可以通过选择一个具有强语义表达性的 API 来减少混淆的发生. 1.slice slice是指定在一个数组中的元素创建一个新的数组,即原数组不会变 数组的 slice (ECMAScript 5.1 标准 15.4.4.10 节)非常类似于字符串的 slice.根据规范,slice 需要两个参数,起点和终点.它会返回一个包
-
js删除数组中的元素delete和splice的区别详解
例如有一个数组是 :var textArr = ['a','b','c','d']; 这时我想删除这个数组中的b元素: 方法一:delete 删除数组 delete textArr[1] 结果为: ["a",undefined,"c","d"] 只是被删除的元素变成了 undefined 其他的元素的键值还是不变. 方法二:aplice 删除数组 splice(index,len,[item]) 注释:该方法会改变原始数组. index:数组开
-
JavaScript及jquey实现多个数组的合并操作
1.原生的JavaScript实现 var array1 = ["a", "b"]; var array2 = ["c", "d"]; 我要合并后变成下面这样: <span class="keyword" style="font-weight:bold">var</span> <span class="keyword" style=&qu
-
js数组操作常用方法
在jquery中处理JSON数组的情况中遍历用到的比较多,但是用添加移除这些好像不是太多. 今天试过json[i].remove(),json.remove(i)之后都不行,看网页的DOM对象中好像JSON数据是以数组的形式出现的,查阅了下相关JS中数组的操作一试果然很爽. 记录下来. 1.数组的创建 复制代码 代码如下: var arrayObj = new Array(); //创建一个数组var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不
-
浅谈js数组和splice的用法
首先添加一个splice函数: splice:该方法的作用就是从数组中删除一个元素 array.splice(index,count,value....); index:表示从哪一个下标开始, count:表示删除元素的个数 value:代表增加的元素 example: 1.var array = new Array(1,2,3,4,5,6); array.splice(0,1,2) result:2,2,3,4,5 2.var array = new Array(1,2,3,4,5,6); a
-
js 数组操作之pop,push,unshift,splice,shift
复制代码 代码如下: <script> Array.prototype.pop=function(){ if(this.length!=0)this.length--; return this; } pop 方法 移除数组中的最后一个元素并返回该元素. arrayObj.pop( ) 必选的 arrayObj 引用是一个 Array 对象. 说明 如果该数组为空,那么将返回 undefined. 复制代码 代码如下: var a=[
-
体验js中splice()的强大(插入、删除或替换数组的元素)
处理数组的方法很多,javascript splice()算是最强大的了,它可以用于插入.删除或替换数组的元素.下面来一一介绍! 1.删除-用于删除元素,两个参数,第一个参数(要删除第一项的位置),第二个参数(要删除的项数) 2.插入-向数组指定位置插入任意项元素.三个参数,第一个参数(其实位置),第二个参数(0),第三个参数(插入的项) 3.替换-向数组指定位置插入任意项元素,同时删除任意数量的项,三个参数.第一个参数(起始位置),第二个参数(删除的项数),第三个参数(插入任意数量的项) 看下
-
Js数组的操作push,pop,shift,unshift等方法详细介绍
js中针对数组操作的方法还是比较多的,今天突然想到来总结一下,也算是温故而知新吧.不过不会针对每个方法进行讲解,我只是选择其中的一些来讲. 首先来讲一下push和pop方法,这两个方法只会对数组从尾部进行压入或弹出,而且是在原数组进行操作,任何的改动都是会影响到操作的数组.push(args)可以每次压入多个元素,并返回更新后的数组长度.pop()函数每次只会弹出最后一个结尾的元素,并返回弹出的元素,如果是对空组数调用pop()则返回undefined. 如果参数是数组则是将整个数组当做一个元素
-
javascript splice数组简单操作
Test var str="0101,0102,0103,0104"; function test() { alert("test"); result=str.split(","); result.splice(2,1); alert(result.join("-")); } [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 比较简单的删除数组中数据操作,更详细的可以参考http://www.jb51.net/art
-
JS 在数组插入字符的实现代码(可参考JavaScript splice() 方法)
复制代码 代码如下: Array.prototype.ArrayInsertAfter=function(Num,obj) { var tempArr=new Array(); var l=this.length; for(var i=0;i<l;i++) { tempArr.push(this.shift()); } l=tempArr.length; for(var i=0;i<l;i++) { this.push(tempArr.shift()); if(i==Num) { this.p
-
JS数组操作(数组增加、删除、翻转、转字符串、取索引、截取(切片)slice、剪接splice、数组合并)
POP 删除最后一项 删除最后一项,并返回删除元素的值:如果数组为空则返回undefine var a = [1,2,3,4,5]; a.pop();//a:[1, 2, 3, 4] a.pop();//a:[1, 2, 3] a.pop();//a:[1, 2] shift 删除第一项 删除原数组第一项,并返回删除元素的值:如果数组为空则返回undefine var a = [1,2,3,4,5]; a.shift(); //a:[2,3,4,5] a.shift(); //a:[3, 4,
随机推荐
- iOS UITextField、UITextView只限输入中文、英文、数字及实时限制字符个数的封装实现代码
- oracle 数据泵导入导出介绍
- Python+微信接口实现运维报警
- JS验证邮箱格式是否正确的代码
- 《PHP编程最快明白》第五讲:php目录、文件操作
- c语言可变参数实现示例
- Mysql占用过高CPU时的优化手段(必看)
- 用Docker作为PaaS的替代方案是否完美无缺
- node.js中的console.log方法使用说明
- Python中线程编程之threading模块的使用详解
- 大家看了就明白了css样式中类class与标识id选择符的区别小结
- ASP无组件分页实现思路及代码
- Prototype框架详解
- 中国民间传统节日中英文对照表一览表
- 基于jQuery的合并表格中相同文本的相邻单元格的代码
- jQuery实现鼠标滑向当前图片高亮显示并且其它图片变灰的方法
- Bootstrap Paginator分页插件使用方法详解
- 查看大图功能代码jquery版
- Nginx中防止SQL注入攻击的相关配置介绍
- C#中Decimal类型截取保留N位小数并且不进行四舍五入操作