数组原型上的方法实现原理（Array.prototype.pop/push/shift/unshift）

最新推荐文章于 2023-09-07 23:40:36 发布

胖妮儿

最新推荐文章于 2023-09-07 23:40:36 发布

阅读量3.4k

点赞数

分类专栏：原生js实现方法原理文章标签：数组原型方法实现原理

本文链接：https://blog.csdn.net/pony_pony/article/details/79066846

版权

原生js实现方法原理专栏收录该内容

8 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>数组原型上的方法实现原理</title>
</head>
<body>

</body>
</html>
<script type="text/javascript">
    var ary=[1,2,3,4,5,6,7,8];
    //pop()
    Array.prototype.pop=function () {
        //this :当前实例
        var num=this[this.length-1];
        this.length--;
        return num;
    };
    console.log(ary.pop());
    console.log(ary);

    //push()
    Array.prototype.push=function () {
        for (var i=0;i<arguments.length;i++){
            this[this.length]=arguments[i]
        }
        return this.length;
    };
    console.log(ary.push(1, 2, 3));
    console.log(ary);

    //3.shift()
    //[1,2,3,4,5,6,7,8];
    //[2,3,4,5,6,7,8,8]
    //[2,3,4,5,6,7,8]
    Array.prototype.shift=function () {
        var num=this[0];
        for(var i=1;i<this.length;i++){
            this[i-1]=this[i];
        }
        this.length--;
        return num;
    };
    console.log(ary.shift());
    console.log(ary);

    //unshift()
    Array.prototype.unshift=function () {
        var ary=[...arguments,...this];
        this.length=ary.length;
        for(var i=0;i<ary.length;i++){
            this[i]=ary[i];
        }
        return ary.length;
    };
    Array.prototype.unshift=function () {
        var str="";
        for(var i=0;i<arguments.length;i++){
            if(typeof arguments[i]=="string"){
                str+="'"+arguments[i]+"',";
            }else {
                str+=arguments[i]+",";
            }

        }
        for(var i=0;i<this.length;i++){
            if(typeof this[i]=="string"){
                str+="'"+this[i]+"',"
            }else {
                str+=this[i]+","
            }
        }
        var ary=eval("["+str+"]");
        this.length=ary.length;
        for(var i=0;i<ary.length;i++){
            this[i]=ary[i];
        }
        return ary.length;
    };
    ary.unshift("哈哈","嘿嘿");
    console.log(ary);
</script>

胖妮儿

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
数组原型上的方法实现原理（Array.prototype.pop/push/shift/unshift）

html>html lang="en">head> meta charset="UTF-8"> title>数组原型上的方法实现原理title>head>body>body>html>script type="text/javascript"> var ary=[1,2,3,4,5,6,7,8]; //pop() Array.prototyp
复制链接

扫一扫

专栏目录