重写JS中Array的栈(push()&&pop())和队列(shift()&&unshift())

最新推荐文章于 2024-05-30 21:21:30 发布

转载最新推荐文章于 2024-05-30 21:21:30 发布 · 170 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/yj1993/blog/891232

文章标签：

#python #前端 #ViewUI

本文介绍了一个JavaScript示例，展示了如何为Array原型添加自定义的push、pop、shift和unshift方法，实现数组元素的添加与移除功能。

2019独角兽企业重金招聘Python工程师标准>>>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Arr</title>
    <script>
        //栈
        /*-----------------------------------------------push()---------------------------------------*/
        //Array中的push():逐个添加在数组的末尾，返回数组的长度
        /*
        * arr = [1,2,3];
        * arr.push(4)
        * arr = [1,2,3,4];
        * arr.length = 4;
        * */
        Array.prototype.yjPush = function () {
            var arr = this;
            for(var i = 0;i<arguments.length;i++){
                arr[arr.length] = arguments[i];
            }
            return arr.length;
        };
        var arr = [1,2,3];
        var val = arr.yjPush("hello",5,"ddd");
        console.log(arr);
        console.log(val);

        /*-------------------------------------------------pop()-------------------------------------*/
        //Array中的pop():从数组的末尾移除最后一项，减少数组的length值，返回移除的项。
        /*
        * arr = [1,2,3];
        * arr.pop();
        * arr = [1,2];
        * */
        Array.prototype.yjPop = function () {
            var remove = this[this.length-1];
            this.length = this.length-1;
            return remove;
        };
        var arr = [1,2,3];
        var val = arr.yjPop();
        console.log(arr);
        console.log(val);

        //队列
        /*--------------------------------------------------shift()-----------------------------------*/
        //Array中的shift():移除数组中的第一项，并且返回该项，同时将数组的长度减1
        /*
        * arr = [1,2,3];
        * arr.shift();
        * arr = [2,3];
        * */
        Array.prototype.yjShift = function () {
            var remove = this[0];
            for(var i = 0;i<this.length;i++){
                this[i] = this[i+1];
            }
            this.length = this.length-1;
            return remove;
        };
        var arr = [1,2,3];
        var val = arr.yjShift();
        console.log(arr);
        console.log(val);

        /*-----------------------------------------------unshift()----------------------------------------*/
        //Array中的unshift():在数组的前端添加任意个项，并返回新数组的长度
        /*
        * arr = [1,2,3];
        * arr.unshift(4,5);
        * arr = [4,5,1,2,3];
        * */
        Array.prototype.yjUnshift = function () {
            this.length = this.length+arguments.length;//5
            for(j = this.length-1;j>arguments.length-1;j--){
                this[j] = this[j-2];
            }
            for(var i = 0;i<arguments.length;i++){
                this[i] = arguments[i];
            }
            return this.length;
        };
        var arr = [1,2,3];
        var val = arr.yjUnshift("hello",5);
        console.log(arr);
        console.log(val);
    </script>
</head>
<body>

</body>
</html>

转载于:https://my.oschina.net/yj1993/blog/891232