【JS笔记】JavaScript splice()方法的使用-白红宇

【JS笔记】JavaScript splice()方法的使用

阅读量：366 次

发布时间：2019-03-04

本文共 1847 字，大约阅读时间需要 6 分钟。


       
    JavaScript splice()方法
        
            
                 
      splice()方法
            
      插入、删除、或者替换一个数组元素，并返回被删除的元素。
        
     
    
    
        
            
     语法格式：
        
                 
      array.splice(index, howmany, n1, n2, ..., nx);
        
     
    
    
        
            
     参数说明：
        
                 
      index（必选项）：插入和删除的数组元素的起始索引，必须是数字。
        
     
        
                 
      howmany（必选项）：规定删除的元素数量，必须是数字。当未指定时，默认删除从index开始到数组结尾的所有元素。
        
     
        
                 
      n1, n2, ..., nx（可选项）：要插入到数组中的新元素。
        
     
    
    
        
            
     使用方法
                
     元素的删除
        
                 var arr = [1,2,3,4,5];            console.log("未删除之前的数组：" + arr);            arr.splice(0, 2);            console.log("已删除之后的数组：" + arr);        
                
     元素的插入
        
                 var arr = [1,2,3,4,5];            console.log("未插入之前的数组：" + arr);            arr.splice(3, 0, 9, 9, 's', 'scdn');            console.log("已插入之后的数组：" + arr);        
                
     元素的替换
        
                 var arr = [1,2,3,4,5];            console.log("未替换之前的数组：" + arr);            arr.splice(2, 2, 's', 'scdn');            console.log("已替换之后的数组：" + arr);        
                
     需要注意：
        
     该方法会直接修改原数组，返回被删除的元素。
    
    
        
            var arr = [1,2,3,4,5];        // 返回被删除的元素        console.log("1.splice返回的值：" + arr.splice(2, 2)); // 返回[3,4]        document.write("1.改变后的数组为：" + arr + "
     
");        // 改变后的数组为[1,2,5]                console.log("2.splice返回的值：" + arr.splice(3, 0, 'a', 'z')); // 未删除任何元素，返回null        document.write("2.改变后的数组为：" + arr + "
     
");        // 改变后的数组为[1,2,5,a,z]                console.log("3.splice返回的值：" + arr.splice(2, 2, 'a', 'z')); // 返回[5, a]        document.write("3.改变后的数组为：" + arr + "
     
");        // 改变后的数组为[1,2,5,a,z,z]