js数组删除指定位置元素(分享2种实用的方法)

Joker • • 前端笔记 • 244 阅读

在js数组中怎么删除指定位置元素？在js中，Array对象提供了一个强大的splice()方法，利用这个方法可以达到在数组的指定位置添加和删除元素的目的。delete方法可以通过数组的下标将js数组中的一个元素从指定位置上删除，且删除掉数组中的元素后，会把该下标出的值置为undefined，数组的长度不会变。下面分享2种js数组删除指定位置元素实用的方法。

方法1：js splice()方法删除指定位置的数组元素

splice()方法可以将一个或多个js数组元素从指定的位置上删除，然后返回被删除的数组元素。

语法：

数组.splice(index,howmany);

howmany：表示应该删除多少个元素，赋值为0就表示不删除元素；index：表示从指定的位置上（哪里）删除元素；

代码实例：删除animal数组第二项和第三项的元素（第一项后的连续两个元素）



    
        
    
    
        
            
数组：cat，elephant，tiger，rabbit；
数组长度为：4

            点我--shift()删除元素
        
                  function myFunction(){            var animal = ["cat", "elephant", "tiger","rabbit"];            document.write("

数组："+animal+"
数组长度："+ animal.length+"

");            var animal1= animal.splice(1,2);            document.write("

新数组："+animal+"
删除的元素为："+ animal1+"
数组长度："+ animal.length+"

");         }     

效果图：

image.png

方法2：js delete方法删除指定位置的数组元素

delete方法可以通过数组的下标将js数组中的一个元素从指定位置上删除，且删除掉数组中的元素后，会把该下标出的值置为undefined，数组的长度不会变。

语法：

delete.数组[数组下标];/*数组下标控制指定位置，下标从0开始*/

代码实例：删除animal数组的第二项元素，即：animal[1]，然后animal[1]的值会为：undefined。



    
        
    
    
        
            
数组：cat，elephant，tiger，rabbit；
数组长度为：4

            点我--delete删除元素
        
                  function myFunction(){            var animal = ["cat", "elephant", "tiger","rabbit"];            document.write("

数组："+animal+"
数组长度："+ animal.length+"

");            var animal1= delete animal[1];            document.write("

新数组："+animal+"
删除元素后，现在为："+ animal[1]+"
数组长度："+ animal.length+"

");         }     

效果图：

image.png

最后总结

以上就是本篇文章所介绍的在js数组中添加元素的2种方法，分别为splice()方法和delete方法。工作中选择哪种方法，看工作需要和个人习惯， 大家可以自己动手尝试，加深理解。