资讯专栏INFORMATION COLUMN

js删除元素方法

Me_Kun / 2387人阅读

摘要:删除方法对象属性删除变量删除直接使用删除不了变量删除不了原型链中的变量删除数组元素方法用法三个参数,可以用来替换删除添加数组内某一个值或多个值数组开始下标替换删除的长度替换的值,删除操作的话为空删除用法删除固定长度删除起始直到末尾替换用法为

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"]

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

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

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/82631.html

相关文章

  • JS基础篇--JS数组常用方法汇总

    摘要:在,下,数据有添加成功,但返回值却是转换方法方法方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。而调用数组的方法后,其值的顺序变成了。返回值如果从中删除了元素,则返回的是含有被删除的元素的数组。 转换方法 所有对象都具有toLocaleString()、toString()、valueOf()方法。其中调用数组的toString方法会返回以数组中的每个值的字...

    techstay 评论0 收藏0
  • JS学习第十天笔记 Array类型

    摘要:只有满足才返回,否则返回。专门用于筛选出数组中符合函数判断条件的元素组成的心数组。专门用于对原数组中每个元素执行相同的函数对象规定的操作。并归方法将数组从左向右迭代。 Array类型 数组的常见方法 检测数组 如何确定当前是一个数组,JS提供了以下几种方式1.typeof无法检测数组对象:typrof[]返回object2.instanceof:[]instanceof Array返回...

    Barrior 评论0 收藏0
  • js 中数组的常用方法总结

    摘要:在为的位置,删除个元素,插入删了为的元素,替换为删了为的元素数组的增删改都可以用完成返回从原数组中指定开始下标到结束下标之间的项组成的新数组该方法不会改变原始数组。不传值表示克隆了除了正常用法,经常用来将对象转换为。 js 中数组的常用方法总结 arr.fill(a);//所有子元素 都改为 a; [{a: 1},{b: 2}, ...Array(8).fill({}, 0)] //...

    luckyw 评论0 收藏0
  • React.js 小书 Lesson18 - 挂载阶段的组件生命周期(一)

    摘要:我们把将组件渲染,并且构造元素然后塞入页面的过程称为组件的挂载这个定义请好好记住。挂载的时候,会在组件的之前调用,在元素塞入页面以后调用。下一节中我们将介绍小书挂载阶段的组件生命周期二。 React.js 小书 Lesson18 - 挂载阶段的组件生命周期(一) 本文作者:胡子大哈本文原文:http://huziketang.com/books/react/lesson18 转载请注...

    pf_miles 评论0 收藏0
  • 细说JS数组

    摘要:数组元素的读写使用访问数组元素时,将索引转换为字符串,然后将其作为属性名一样使用。第一个参数应该在前只展开一层数组元素不变,返回注意,只拼接第一层结构。 此乃犀牛书(第七章 数组)读书笔记,又结合了ES6中数组的扩展部分做的知识梳理。精华部分就是手工绘制的两张数组总结图了。灵活运用数组的各种方法是基本功,是基本功,是基本功,重要的事情说三遍。好了,正文从下面开始~ 数组的基本概念 什么...

    starsfun 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<