JS（ES5）实现数组方法（pop、push、shift、unshift、forEach）的重构

冷不防 2022-09-09 06:21 232阅读 0赞

**1.重构方法之 push（）方法**

var arr = [1, 322, 44, 'wo'];
    Array.prototype.myPush = function () {
        for (var i = 0; i < arguments.length; i++) {
            this[this.length] = arguments[i];
        }
        return this.length;
    }
    console.log(arr.myPush(2, 233)); // 6
    console.log(arr);   //[ 1, 322, 44, 'wo', 2, 233 ]

**2.重构方法之 pop（）方法**

var arr = [1, 322, 44, 'wo'];
    Array.prototype.myPop = function () {
        if (this.length == 0) {
             return undefined;
        }
        var lastElement = this[this.length - 1];
        this.length = this.length - 1;
        return lastElement;
    }
    console.log(arr.myPop()); // wo
    console.log(arr);    // [ 1, 322, 44 ]

**3.重构方法之 shift（）方法**

var arr = [1, 322, 44, 'wo'];
    Array.prototype.myShift = function () {
        if (this.length == 0) {
            return undefined;
        }
        var firstElement = this[0];
        for (var i = 0; i < this.length - 1; i++) {
            this[i] = this[i + 1];
        }
        this.length = this.length - 1;
        return firstElement;
    }
    console.log(arr.myShift()); // 1
    console.log(arr); // [ 322, 44, 'wo' ]

**4.重构方法之 unshift（）方法**

var arr = [1, 322, 44, 'wo'];
    Array.prototype.myUnshift = function () {
        var len = this.length + arguments.length;
        for (var i = len - 1; i >= 0; i--) {
            //原数组当前的下标 > 参数数组长度-1  就进行数组的前进
            if (i > arguments.length - 1) {
                this[i] = this[i - arguments.length];
            } else {  //把参数数组插入到原数组
                this[i] = arguments[i];
            }
        }
        return this.length;
    }
    console.log(arr.myUnshift(22, "aa")); //6
    console.log(arr); // [ 22, 'aa', 1, 322, 44, 'wo' ]

**5.重构方法之 forEach（）方法**

var arr = [1, 322, 44, 'wo'];
    Array.prototype.myForEach = function (fun) {
        for (var i = 0; i < this.length; i++) {
            fun(this[i], i, this);
        }
    }
    arr.myForEach((item, index, arr) => {
        console.log(item, index, arr);
    })
    
    //运行结果：
    // 1 0 [ 1, 322, 44, 'wo' ]
    // 322 1 [ 1, 322, 44, 'wo' ]
    // 44 2 [ 1, 322, 44, 'wo' ]
    // wo 3 [ 1, 322, 44, 'wo' ]

发表评论取消回复

表情：

评论列表（有 0 条评论，232人围观）

还没有评论，来说两句吧...

相关阅读

相关 Javascript——常用数组方法重构

目录栈与队列方法 1 pop() 方法用于删除数组的最后一个元素并返回删除的元素。 2 push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。 3 s

谁践踏了优雅/ 2024年04月08日 09:24/ 0 赞/ 92 阅读

相关 ES5 中常见的数组方法

ES5 中常见的数组常用方法之前我们讲过的数组常用方法都是 ES3 的方法今天来说一些 ES5 中的方法 indexOf indexOf 用

刺骨的言语ヽ痛彻心扉/ 2023年10月06日 15:41/ 0 赞/ 34 阅读

相关 js 重构数组

![20210819184428857.png][] let arr = \[\[1, 4, 'a'\], \[2, 5, 'b'\], \[3, 6, 'c'\]\]

青旅半醒/ 2023年03月06日 03:54/ 0 赞/ 12 阅读

相关 ES5数组方法的比较

1. 数组方法之：遍历（forEach） <script> //定义一个数组 var arr=[100,200,300,400,500]

我就是我/ 2023年02月19日 14:22/ 0 赞/ 29 阅读

相关 JS(ES5) 实现数组方法（迭代类型：evey、some、map、filter）的重构

重构前要理解这些方法的要干嘛、能干嘛，还有明白传入每个参数有什么用。数组调用evey、some、map、filter方法中，传入的第一个参数是回调函数（必填），第二个参数是

小鱼儿/ 2022年09月09日 09:30/ 0 赞/ 112 阅读

相关 JS（ES5）实现数组方法（pop、push、shift、unshift、forEach）的重构

1.重构方法之 push（）方法 var arr = [1, 322, 44, 'wo']; Array.prototype.myPush = functio

冷不防/ 2022年09月09日 06:21/ 0 赞/ 233 阅读

相关 int数组转换成char数组进一步思考及5种实现方法

// printfTest.cpp : 定义控制台应用程序的入口点。 // include "stdafx.h" include<io

末蓝、/ 2022年08月27日 03:21/ 0 赞/ 25 阅读

相关 JS 数组求和的5种方法

1.递归 unction sum(arr) { var len = arr.length; if(len == 0){

喜欢ヅ旅行/ 2022年04月02日 10:28/ 0 赞/ 322 阅读

相关 5种方法实现数组元素去重（详解）

1.遍历数组法最简单的去重方法，实现思路：新建一新数组，遍历传入数组，值不在新数组就加入该新数组中；注意点：判断值是否在数组的方法“indexOf”是ECMAScrip

╰半橙微兮°/ 2021年12月12日 10:07/ 0 赞/ 223 阅读

相关 es5 数组方法

ES5 数组方法的扩展数组对象.forEach(function(item,index){}); 数组对象.map(function(i

╰半夏微凉°/ 2021年07月24日 14:34/ 0 赞/ 544 阅读