博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js删除数组里的某个元素
阅读量:6033 次
发布时间:2019-06-20

本文共 3571 字,大约阅读时间需要 11 分钟。

hot3.png

删除指定元素:

首先可以给的数组对象定义一个函数,用于查找指定的元素在数组中的位置,即索引,为:

Array.prototype.indexOf = function(val) {    for (var i = 0; i < this.length; i++) {        if (this[i] == val) return i;    }    return -1;};

然后使用通过得到这个元素的索引,使用数组自己固有的函数去删除这个元素:

代码为:

Array.prototype.remove = function(val) {    var index = this.indexOf(val);    if (index > -1) {        this.splice(index, 1);    }};

这样就构造了这样一个函数,比如我有有一个数组:

var emp = ['abs','dsf','sdf','fd']

假如我们要删除其中的fd,就可以使用:

emp.remove('fd');

删除指定下标的元素:

    1.原生的delete 函数:

delete方法:delete arr[1] 表示从数组中删除索引为1的元素,注意该方法在删除数组中元素的时候,这种方式数组长度不变,此时arr[1]变为undefined了,但是也有好处原来数组的索引也保持不变,

代码:

var arr=['a','b','c'];delete arr[1];console.info(arr);

输出:

0: "a"2: "c"length: 3 //delete方法不会改变array数组的length属性

此时要遍历数组元素可以才可以使用,

遍历:

for(index in arr) {    document.write('arr['+index+']='+arr[index]); }

这种遍历方式跳过其中undefined的元素

2.数组对象splice方法:arr.splice(1,1);

JavaScript通过设置数组的length属性来截断数组是惟一一种缩短数组长度的方法.如果使用delete运算符来删除数组中元素,虽然那个元素变成未定义的,但是数组的length属性并不改变两种删除元素,数组长度也改变的方法.

代码1:

    /*  * 方法:Array.remove(dx)  * 功能:删除数组元素.  * 参数:dx删除元素的下标.  * 返回:在原数组上修改数组  *///经常用的是通过遍历,重构数组Array.prototype.remove=function(dx) {  if(isNaN(dx)||dx>this.length){return false;}  for(var i=0,n=0;i

代码2:

/*  * 方法:Array.baoremove(dx)  * 功能:删除数组元素.  * 参数:dx删除元素的下标.  * 返回:在原数组上修改数组.  */   //我们也可以用splice来实现.   Array.prototype.baoremove = function(dx) {  if(isNaN(dx)||dx>this.length){return false;}  this.splice(dx,1); } b = ['1','2','3','4','5']; b.baoremove(1); //删除下标为1的元素

代码3:

//利用Array对象的两个方法slice、concat来自定义删除数组的方法Array.prototype.del=function(n) { //n表示第几项,从0开始算起。    //prototype为对象原型,注意这里为对象增加自定义方法的方法。   if(n<0) //如果n<0,则不进行任何操作。      return this;   else      return this.slice(0,n).concat(this.slice(n+1,this.length));  /*   concat方法:返回一个新数组,这个新数组是由两个或更多数组组合而成的。         这里就是返回this.slice(0,n)合并this.slice(n+1,this.length)         组成的新数组,这中间,刚好少了第n项(相当于把第n项元素删除了...)   slice方法: 返回一个数组的一段,两个参数,分别指定开始和结束的位置。  */}var test=new Array(0,1,2,3,4,5);test=test.del(3); //从0算起,这里也就是删除第4项。alert(test);

解释一下slice,splice,concat方法的使用:

1.slice() 方法可从已有的数组中返回选定的元素。该方法不会改变原数组.它返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。

arrayObject.slice(start,end)

2.splice() 方法向数组中添加或者是删除元素,然后返回被删除的数组。该方法会改变原始数组。splice() 方法与 slice() 方法的作用是不同的,splice() 方法会直接对数组进行修改.

arrayObject.splice(index,howmany,item1,.....,itemX)

index:必需。整数,规定添加/删除的元素的位置,使用负数可从数组结尾处规定位置。

howmany:必需。被删除的数组元素的个数。如果设置为 0,则不会删除元素,即向数组中添加元素。如果为1,表示删除一个元素,如果2,表示删除数组中两个元素。

item1, ..., itemX:可选。向数组添加的新项目。

创建一个新数组,并向其添加一个元素:

    var arr = new Array(6)    arr[0] = "George"    arr[1] = "John"    arr[2] = "Thomas"    arr[3] = "James"    arr[4] = "Adrew"    arr[5] = "Martin"        document.write(arr + "
")arr.splice(2,0,"William")document.write(arr + "
")

输出:

George,John,Thomas,James,Adrew,MartinGeorge,John,William,Thomas,James,Adrew,Martin

删除位于 index 2 的元素,并添加一个新元素来替代被删除的元素:

var arr = new Array(6)arr[0] = "George"arr[1] = "John"arr[2] = "Thomas"arr[3] = "James"arr[4] = "Adrew"arr[5] = "Martin"document.write(arr + "
")arr.splice(2,1,"William")document.write(arr)

输出:

George,John,Thomas,James,Adrew,MartinGeorge,John,William,James,Adrew,Martin

删除从 index 2 ("Thomas") 开始的三个元素,并添加一个新元素 ("William") 来替代被删除的元素:

var arr = new Array(6)arr[0] = "George"arr[1] = "John"arr[2] = "Thomas"arr[3] = "James"arr[4] = "Adrew"arr[5] = "Martin"document.write(arr + "
")arr.splice(2,3,"William")document.write(arr)

输出:

George,John,Thomas,James,Adrew,MartinGeorge,John,William,Martin

3.concat() 方法用于连接两个或多个数组,该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。

转载于:https://my.oschina.net/u/2331760/blog/511439

你可能感兴趣的文章
iphone-common-codes-ccteam源代码 CCDelete.h
查看>>
详解java定时任务
查看>>
Servlet 读取web.xml文件中的配置参数连接数据库
查看>>
For each循环中使用remove方法。
查看>>
Ajax 知识
查看>>
学习JAVA自我总结
查看>>
Codeforces D - The Child and Zoo
查看>>
数据结构与算法
查看>>
小小小游戏
查看>>
windows ntp安装及调试
查看>>
MYSQL 备份用户权限
查看>>
上传和设置Mime类型
查看>>
使用python处理selenium中的鼠标悬停问题
查看>>
071:【Django数据库】ORM聚合函数详解-Avg
查看>>
Hadoop在安装snappy过程中的问题
查看>>
py 的 第 7 天
查看>>
Bounce(弹走绵羊)lct裸题
查看>>
BZOJ3238 [Ahoi2013]差异
查看>>
mybatis的动态sql中collection与assoction
查看>>
机器学习二分类模型评价指标:准确率\召回率\特异度等
查看>>