js刪除元素方法

Me_Kun 發(fā)布于2019-08-20 15:58 / 2485人閱讀

摘要：刪除方法對象屬性刪除變量刪除直接使用刪除不了變量刪除不了原型鏈中的變量刪除數(shù)組元素方法用法三個參數(shù)，可以用來替換刪除添加數(shù)組內(nèi)某一個值或多個值數(shù)組開始下標(biāo)替換刪除的長度替換的值，刪除操作的話為空刪除用法刪除固定長度刪除起始直到末尾替換用法為

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

刪除數(shù)組元素

var textArr=["a","b","c"];
delete textArr[1]//["a","undefined","c"]

splice方法

splice用法

splice(index,len,[item])

三個參數(shù)，可以用來替換、刪除、添加數(shù)組內(nèi)某一個值或多個值
index:數(shù)組開始下標(biāo)
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處添加一項(xiàng)

原型鏈方法

首先給js數(shù)組定義一個函數(shù)，用于查找指定元素在數(shù)組中的位置

    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");

利用此方法，自己定義找到索引和刪除元素的方法，可以刪除指定元素