美文网首页
js删除元素方法

js删除元素方法

作者: DecadeHeart | 来源:发表于2017-04-10 10:19 被阅读0次

delete删除方法

  • 对象属性删除
    function fun(){
    
    this.name = 'mm';
    
    }  
    
    var obj = new fun();
    
    console.log(obj.name);//mm
    
    delete obj.name;
    
    console.log(obj.name); //undefined
    
  • 变量删除

var name = 'lily';
delete name;
console.log(name); //lily
直接使用delete删除不了变量

  • 删除不了原型链中的变量

fun.prototype.age = 18;
delete obj.age;
console.log(obj.age) //18

  • 删除数组元素
    var textArr=['a','b','c'];
    delete textArr[1]//['a','undefined','c']
    
delete.png

splice方法

  • splice用法
    splice(index,len,[item])
    三个参数,可以用来替换、删除、添加数组内某一个值或多个值
    index:数组开始下标
    len:替换/删除的长度
    item:替换的值,删除操作的话item为空
  • 删除用法
  • 删除固定长度
 var arr=['a','b','c'];
 arr.splice(1,1) //['a','b']
  • 删除起始直到末尾
 var arr=['a','b','c'];
 arr.splice(1); //['c']
  • 替换用法
    item为替换的值
var arr=['a','b','c'];
arr.slice(1,2,'ttt'); //['a','ttt']
  • 添加用法
    item为添加的值
var arr=['a','b','c'];
arr.slice(1,0,'ttt'); //['a','ttt','b','c']

表示在1处添加一项

原型链方法

首先给js数组定义一个函数,用于查找指定元素在数组中的位置

    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 arrayText=['asc','ax','ab','ad'];
    arrayText.remove('ab');

利用此方法,自己定义找到索引和删除元素的方法,可以删除指定元素

相关文章

  • js删除元素方法

    delete删除方法 对象属性删除function fun(){this.name = 'mm';} var o...

  • Fabric.js 删除元素(带过渡动画)

    本文简介 Fabric.js 提供了2个方法删除对象。 一个是 直接删除,另一个方法是 带过渡动画 删除元素(淡出...

  • 删除元素(带过渡动画)

    本文简介 Fabric.js 提供了2个方法删除对象。 一个是 直接删除,另一个方法是 带过渡动画 删除元素(淡出...

  • 数组元素删除

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

  • js笔记

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

  • 2021-04-02

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

  • 自动化js定位技术

    1.使用js定位页面元素和修改元素 删除只读属性后就可以操作元素,可以自定义清楚和添加值,此类方法用于定位复杂元素...

  • 可视化D3.js库(4)-选择、删除、插入元素

    D3.js库-4-选择、删除、插入元素 本文中介绍的是如何在D3.js库中选择、插入和删除元素 选择元素 在之前的...

  • js删除数组元素的方法

    var arr=['a','b','c'];若要删除其中的'b',有两种方法: 1. delete 方法 dele...

  • js数组删除某个元素的方法

    在做一个网站,用vue cli搭建的框架。 通过扩展数组的原型来实现删除指定元素。 首先查找索要删除的元素在数组中...

网友评论

      本文标题:js删除元素方法

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