总结了3种方法。

1、首先求出删除的一项在数组中的索引

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

然后用arr固有的方法splice删除这一项

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

这里穿插下数组splice的用法:

arr.splice(index,lengh,[item])   → 注释:该方法会改变原始数组

splice有3个参数,它也可以用来替换/删除/添加数组内某一个或者几个值

试用这个方法:

var ary = ['aa','bb','cc','dd'];
ary.remove('cc');
console.log(ary);   //['aa','bb',''dd']

2、delete 

delete删除掉数组中的元素后,会把该下标出的值置为undefined,数组的长度不会变

var arr = ['aa','bb','cc','dd'];
delete arr[2];
console.log(arr)    //  ['aa','bb', ,'dd']

3、大神写过的代码,这里拿来借鉴一下:

Array.prototype.remove = function(from, to) {
  var rest = this.slice((to || from) + 1 || this.length);
  this.length = from < 0 ? this.length + from : from;
  return this.push.apply(this, rest);
};

穿插一个知识点:arrayObject.slice(start,end) //第一个参数为起始位置,第二个参数为结束位置

测试代码结果为:

var array = ['a','b','c','d']  //每次都是用原始代码测试,而并非用上一次的结果

// 移除数组中的第二项
array.remove(1);  
console.log(array);  //["a", "c", "d"]
// 移除数组中的倒数第二项
array.remove(-2);
console.log(array);  //["a", "b", "d"]
// 移除数组中的第二项和第三项(从第二项开始,删除2个元素)
array.remove(1,2);
console.log(array);  //["a", "d"]
// 移除数组中的最后一项和倒数第二项(数组中的最后两项)
array.remove(-2,-1);
console.log(array);  //["a", "b"]

 

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐