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

冷不防 2022-09-09 06:21 208阅读 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 条评论，208人围观）

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

相关阅读

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

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

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

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

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

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

相关 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 赞/ 209 阅读

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

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

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

相关 JavaScript 数组操作方法和 ES5数组拓展

JavaScript中数组有各种操作方法，以下通过举例来说明各种方法的使用：数组操作方法 push 在数组最后添加一个元素 var arr=[3,

╰半夏微凉°/ 2022年04月24日 10:50/ 0 赞/ 286 阅读

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

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

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

相关数组循环 ES5新增方法

1. arr.forEach() // 代替for 循环 let arr = ['1','2','3','4','5']; arr.forEac

悠悠/ 2022年02月20日 17:51/ 0 赞/ 337 阅读

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

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

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

相关 es5 数组方法

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

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

相关代码重构的技巧方法

重构是指这样一个过程：在不改变代码外在行为的前提下，对代码做出修改，以改变程序的内部结构，本质是指代码写好后的设计改进，提高可理解性，降低修改成本。什么时候重构： 1

川长思鸟来/ 2021年06月26日 16:06/ 0 赞/ 530 阅读