js数组删除指定下标元素

JavaScript016

js数组删除指定下标元素,第1张

     在我们日常生活中偶尔会遇到一些自己不知道如何解决的问题,比如js数组删除指定下标元素。那么我们应该怎样解决这种自己不知道如何js数组删除指定下标元素的情况呢?那么接下来就由我来介绍一下js数组删除指定下标元素的步骤吧。

      第一步:

      首先我们要先通过JavaScript代码来判断我们要删除的元素是否在这个数组里,我们可以通过以下的方法来实现这个功能

      第二步:

      通过上述的方法可以定义一个函数来判断是否指定元素在数组里,若在数组里则返回true,不在数组里则返回false,我们也可以通过indexOf方法来判断指定元素是否在数组里

      第三步:

      用indexOf方法需要注意两点,一是indexOf方法中的O必须要大写,二是这个方法在IE浏览器中的数组不存在这个方法

      第四步:

      找到要删除的元素的索引后通过以下的函数方法对这个元素进行删除,这个功能的实现主要通过splice()方法实现,splice()方法主要用于删除、替换、添加数组中的元素等等

      看了我的方法,现在你学会如何js数组删除指定下标元素了吗?学会了的话就快快把这个方法分享出去,让更多的人知道如何js数组删除指定下标元素。以上就是js数组删除指定下标元素的步骤。

      本文章基于Dell品牌、Windows10系统撰写的。

用list对象的splice()方法。

例:

a=[1,2,3,4,5,6]

(6) [1, 2, 3, 4, 5, 6]

a.splice(4,1)

[5]0: 5length: 1__proto__: array(0)

a

(5) [1, 2, 3, 4, 6].splice()方法的第一个参数是开始下标;第二个是删除的长度,如果只输入一个参数则默认为第二个参数,第一个参数即开始下标默认为0;第三个为可选参数,如果指定则会向数组中插入第三个参数的实参。

另外这个方法的返回值是被删掉的数组,不过因为它直接操作数组,所以调用该方法后的数组便是你需要的样子了。

List是一个对象数组,数组的表现为[,,,,],数组中的每个元素以“,”隔开。List中仅有一个元素--{"id":"ID00001","name":"一二三四","guig":"100ml","shl":"2","dj":"10","je":"20"}。

但由于实际操作中List可能包含不止一个元素,所以这里并不推荐使用List[0]。

//根据id找到数组中某个元素

function findById(id) {

    for(var i in List) {

        if(List[i].id == id) {

             return List[i]          

        }

    }

    //return null//这里不return,未在数组中找到时返回undefined

}

/*

 * 1、编写函数removeElement,直接编写方法remove()可能会与某些浏览器冲突。

 * 而delete是关键字,表示删除某个属性。下面将会用到

 */

function removeElement(id) {

    var obj = findById(id)

    if(!obj) {

        return//未找到元素直接结束方法

    }

    delete obj.id

    delete obj.name

    delete obj.shl 

}

/*

 * 2、编写函数editElement

 */

 function editElement(id, name) {

     var obj = findById(id)

     if(!obj) {

        return//未找到元素直接结束方法

     }

     obj.name = name

 }

 

 /*

  * 当然还有另外一种方法去修改元素

  */

  //将源对象的属性覆盖到目标对象

 function extend(target, source) {

    for (var p in source) {

        if (source.hasOwnProperty(p)) {

            target[p] = source[p]

        }

    }

    return target

 }

 

/*

 * 2、编写函数editElement

 * src = {"id":"ID00001","name":"四五六七","guig":"200ml","shl":"3","dj":"10","je":"20"}

 */

 function editElement(src) {

     //判断是否是对象

     f(typeof obj=="object") {

         return

     }

     var obj = findById(src.id)

     if(!obj) {

        return//未找到元素直接结束方法

     }

     extend(obj, src)

 }