美文网首页
JS 数组删除元素

JS 数组删除元素

作者: 夹板儿孩 | 来源:发表于2020-10-25 00:09 被阅读0次

对JS删除数组中的某个元素进行的一个小封装
扩展一个数组删除函数,删除时会改变数组自身的长度,这个方法将直接更改原数组
当传入下标时会直接删除这个下标的元素。当传入对象时,会删除这个对象。

     
        /**
         * 扩展一个数组删除函数,删除时会改变数组自身的长度,这个方法将直接更改原数组
         * 当传入下标时会直接删除这个下标的元素。当传入对象时,会删除这个对象。
         * @param obj 下标或者一个对象。
         * @returns {Array} 返回数组本身,以方便链式操作。
         */
        Array.prototype.remove = function (obj) {
          let index = -1;
          if(Object.prototype.toString.call(obj) === '[object Number]'){
            index = obj;
          }else{
            for (let i = 0; i < this.length; i++) {
              if(this[i] === obj){
                index = i;
                break;
              }
            }
          }
          if(index>-1) this.splice(index, 1);
          return this;
        };

        //测试数组一
        let arr = [
          {name: '张三'},
          "a",
          1,
        ]
        console.log(JSON.stringify(arr));           //[{"name":"张三"},"a",1]   打印原数组
        arr.remove(arr[0])
        console.log(JSON.stringify(arr));           //["a",1]                   删除了第一个元素后打印
        arr.remove(arr[0])
        console.log(JSON.stringify(arr));           //[1]                       再次删除第一个元素打印
        arr.remove(arr[0])
        console.log(JSON.stringify(arr.length));    //0                     再次删除第一个元素后,数组为空

        //测试数组二
        let arr2 = [
          {name: '李四'},
          "b",
          2,
          false,
          [1]
        ]
        console.log(JSON.stringify(arr2.remove(0).reverse()))          //[[1],false,2,"b"]      链式操作,删除下标为 0 的元素后,反转数组
        let temp = arr2[1];
        console.log(JSON.stringify(arr2.remove(temp).remove(2)))       //[[1],2]                链式操作,删除 temp 元素对象后,删除数组中下标为 2 的元素

相关文章

  • js笔记

    js数组 删除某个元素 js数组是否含有某个元素 判断value为undefined cookie操作

  • 数组元素删除

    关键词:Array数组删除多个元素、JS、倒序删除 背景? 删除数组中特定条件的元素(可能存在多个)_JS实现。实...

  • js 数组操作合集(主要针对对象数组)

    1,根据对象中元素 查找对象数组中对应的元素 2,删除数组中指定对象的元素 并返回删除后的数组 3,js数组实现权...

  • 基本的数据结构 Array、HashMap 与 List(上)

    Array 1、常用的JS数组内置函数 2、使用数组实现增删改查 在数组中删除元素第一种: 在数组的末尾删除元素所...

  • js 数组删除元素

    没有什么值不值得,生活本该努力 前端QQ群: 981668406在此附上我的QQ: 2489757828 有问题的...

  • JS 数组删除元素

    对JS删除数组中的某个元素进行的一个小封装扩展一个数组删除函数,删除时会改变数组自身的长度,这个方法将直接更改原数...

  • 5.17js二维数组

    5.17日js数组遍历 数组API push给数组添加元素 pop:删除并返回数组的最后一个元素 unshift:...

  • 前端JS:判断list(数组)中的json对象是否重复

    js 删除数组json中重复的元素或者对象 结果:

  • 2021-04-02

    Js数组常用的方法 1,push 后增,数组末尾添加元素,并返回数组的最新长度 2,pop 后删,数组末尾删除元素...

  • js-数组的基本操作

    本文主要介绍js数组元素的一些基本操作,常用的一些方法 关键词:创建数组、新增数组元素、删除数组元素、将数组变成字...

网友评论

      本文标题:JS 数组删除元素

      本文链接:https://www.haomeiwen.com/subject/mocgmktx.html