美文网首页让前端飞前端攻城狮Web 前端开发
用 splice函数分别实现 push、pop、shift、un

用 splice函数分别实现 push、pop、shift、un

作者: passMaker | 来源:发表于2018-07-21 13:09 被阅读32次

    主要需要注意的是不同方法他们本身返回的值应该是什么,是数组当前的长度,还是取出的元素的值,再在splice函数里面进行相应的return就可以了。具体如下:

    2018.7.23 号关于此博客对两个返回元素值的函数进行了更正,返回 length 长度的没有影响。详见内容

    • 用 splice函数实现 push方法
    function samePush(arr, value){
        arr.splice(arr.length, 0, value)
        return arr.length
    }
    
    var arr = [3, 4, 5]
    //使用push方法
    arr.push(10) // arr 变成[3,4,5,10],返回4(length长度)
    
    //调用函数samePush()
    samePush(arr,12) // arr变成[3, 4, 5, 10, 12],返回5(length长度)
    
    • 用 splice函数实现 pop方法

    这里需要进行更正,如果按照之前的return arr.splice(arr.length-1,1)这样写,返回的是一个含有一个数值的数组,并不是元素值,所以还需要取出他的0位置元素,将它变成值

    更正
    function samePop(arr) {
        // 之前错误写法 return arr.splice(arr.length-1, 1)
        return (arr.splice(arr.length-1, 1))[0]  //详细分析见上更正图
    }
    
    var arr = [3, 4, 5, 16, 17]
    //使用pop方法
    arr.pop() // arr 变成[3, 4, 5, 16],返回17(取出的元素值)
    
    //调用函数samePop()
    samePop(arr) // arr 变成[3, 4, 5],返回16(取出的元素值)
    
    • 用 splice函数实现 shift方法

    同上、这里同样需要更正,原因同上


    更正
    function sameShift(arr) {  
        // 之前错误写法 return arr.splice(0,1)
        return (arr.splice(0,1))[0]  //详细分析见上更正图
    }
    
    var arr = [3, 4, 5, 16, 17]
    //使用shift方法
    arr.shift()  // arr 变成[4, 5, 16, 17],返回3(取出的元素值)
    
    //调用函数sameShift()
    sameShift(arr)  // arr 变成[5, 16, 17],返回4(取出的元素值)
    
    • 用 splice函数实现 unshift方法
    function sameUnshift(arr,value) {  
        arr.splice(0,0,value)
        return arr.length
    }
    
    var arr = [3, 4, 5, 16, 17]
    //使用unshift方法
    arr.unshift(22)  //arr 变成[22, 3, 4, 5, 16, 17],返回6(length长度)
    
    //调用函数sameUnshift()
    sameUnshift(arr,11)  // arr 变成[11, 22, 3, 4, 5, 16, 17],返回7(length长度)
    

    参考链接

    相关文章

      网友评论

        本文标题:用 splice函数分别实现 push、pop、shift、un

        本文链接:https://www.haomeiwen.com/subject/iaxhmftx.html