用原型重构数组方法

已于 2022-03-14 08:28:23 修改
阅读量133 收藏
点赞数
分类专栏： 学习笔记 文章标签： 重构
于 2022-03-12 22:59:20 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43802768/article/details/123410635
版权

目录

pop

push 

shift 

 unshift 

concat 

join 

slice

currying

bind

pop

Array.prototype.Pop=function(thisArg){
    if (!thisArg || thisArg.constructor !== Array) throw new TypeError("这不是一个正确的数组！");
    if (thisArg.length === 0) return;
    var item = thisArg[thisArg.length - 1];
    thisArg.length--;
    return item;
}

var arr=[1,2,3,4]
var fn = arr.Pop(arr);
console.log(fn);

push 

Array.prototype.Push=function(thisArg,arguments){
    if (!thisArg || thisArg.constructor !== Array) throw new TypeError("这不是一个正确的数组！");
    for (var i = 1; i < arguments.length; i++) {
        thisArg[thisArg.length] = arguments[i];
    }
    return thisArg.length;
}

var arr=[1,2,3,4]
var arr1=[5,6,7,8]
var rel = arr.Push(arr,arr1);
console.log(rel);

shift 

Array.prototype.Shift=function(thisArg){
    if (!thisArg || thisArg.constructor !== Array) throw new TypeError("这不是一个正确的数组！");
    if (thisArg.length === 0) return;
    var item = thisArg[0];
    for (var i = 0; i < thisArg.length - 1; i++) {
        thisArg[i] = thisArg[i + 1];
    }
    thisArg.length--;
    return item;
}

var arr=[1,2,3,4]
var rel = arr.Shift(arr);
console.log(rel);

 unshift 

Array.prototype.Unshift=function(thisArg,arguments){
    if (!thisArg || thisArg.constructor !== Array) throw new TypeError("请给入正确的数组");
    for (var i = arguments.length + thisArg.length - 1; i >= 0; i--) {
        if (i - (arguments.length) >= 0) thisArg[i] = thisArg[i - (arguments.length)];
        else thisArg[i] = arguments[i];
    }
    return thisArg.length;
}

var arr=[1,2,3,4]
var arr1=[5,6,7,8,9]
var rel = arr.Unshift(arr,arr1);
console.log(arr,rel);

concat 

Array.prototype.Concat=function(thisArg){
    if (!thisArg || thisArg.constructor !== Array) throw new TypeError("这不是一个正确的数组！");
    var arr = [];
    for (var i = 0; i < arguments.length; i++) {
        if (arguments[i] && arguments[i].constructor === Array) {
            for (var j = 0; j < arguments[i].length; j++) {
                if (j in arguments[i]) arr[arr.length] = arguments[i][j];
                else arr.length++;
            }
        } else arr[arr.length] = arguments[i]
    }        
    return arr;
}

var arr=[1,2,3,4]
var arr1=[5,6,7,8,9]
var rel = arr.Concat(arr,arr1);
console.log(rel);

join 

Array.prototype.Join=function(thisArg,separator){
    if (!thisArg || thisArg.constructor !== Array) throw new TypeError("这不是一个正确的数组！");
    if (thisArg.length == 0) return "";
    if (separator == undefined) separator = ",";
    var str = "";
    for (var i = 0; i < thisArg.length - 1; i++) {
        str += thisArg[i] + separator;
    }
    return str + thisArg[thisArg.length - 1];
}

var arr=[1,2,3,4]
var rel = arr.Join(arr,'.');
console.log(rel);

slice

Array.prototype.Slice=function(thisArg, start, end){
    if (!thisArg || thisArg.constructor !== Array) throw new TypeError("这不是一个正确的数组！");
    if (thisArg.length === 0) return [];
    if (start === undefined) start = 0;
    if (end === undefined) end = thisArg.length;
    start = ~~start;
    end = ~~end;
    if (start < 0) start = (start + thisArg.length < 0 ? 0 : start + thisArg.length);
    if (end < 0) end = (end + thisArg.length < 0 ? 0 : end + thisArg.length)
    if (end > thisArg.length) end = thisArg.length;
    var arr = [];
    for (var i = start; i < end; i++) {
        arr[arr.length] = thisArg[i];
    }
    return arr;
}

var arr=[1,2,3,4]
var rel = arr.Slice(arr,2);
console.log(rel);

every

Array.prototype.Every=function(thisArg){
    if (!thisArg || thisArg.constructor !== Array) throw new TypeError("这不是一个正确的数组！");
    var bool;
    for (var i = 0; i < thisArg.length; i++) {
        bool =  thisArg[i]>2 ? true : false
        if(!bool) return bool;
    }
    return bool;
}

var arr=[1,2,3,4]
var rel = arr.Every(arr);
console.log(rel);

some

Array.prototype.Some=function(thisArg){
    if (!thisArg || thisArg.constructor !== Array) throw new TypeError("这不是一个正确的数组！");
    var bool;
    for (var i = 0; i < thisArg.length; i++) {
        bool =  thisArg[i]>2 ? true : false
        if(bool) return bool;
    }
    return bool;
}

var arr=[1,2,3,4]
var rel = arr.Some(arr);
console.log(rel);

map

Array.prototype.Map=function(thisArg){
    if (!thisArg || thisArg.constructor !== Array) throw new TypeError("这不是一个正确的数组！");
    var arr = [];
    for (var i = 0; i < thisArg.length; i++) {
        arr[arr.length] = thisArg[i]+20;
    }
return arr;
}

forEach 

Array.prototype.ForEach=function(thisArg){
    if (!thisArg || thisArg.constructor !== Array) throw new TypeError("这不是一个正确的数组！");
    for (var i = 0; i < thisArg.length; i++) {
        console.log(thisArg[i]);
    }
}
var arr=[1,2,3,4]
var rel = arr.ForEach(arr);

filter

Array.prototype.Fillter=function(thisArg){
    if (!thisArg || thisArg.constructor !== Array) throw new TypeError("这不是一个正确的数    组！");
    var arr = [];
    for (var i = 0; i < thisArg.length; i++) {
        if(thisArg[i]>2){
            arr[arr.length] = thisArg[i]
        }
    }
    return arr;
}

var arr=[1,2,3,4]
var rel = arr.Fillter(arr);
console.log(rel);

find

Array.prototype.Find=function(thisArg){
    if (!thisArg || thisArg.constructor !== Array) throw new TypeError("这不是一个正确的数组！");
    for (var i = 0; i < thisArg.length; i++) {
        if (thisArg[i]>1) return thisArg[i];
    }
}
var arr=[1,2,3,4]
var rel = arr.Find(arr);
console.log(rel);

findIndex

Array.prototype.FindIndex=function(thisArg,num){
    if (!thisArg || thisArg.constructor !== Array) throw new TypeError("这不是一个正确的数组！");
    for (var i = 0; i < thisArg.length; i++) {
        if(thisArg[i]==num) return i;
    }
}

var arr=[1,2,3,4]
var rel = arr.FindIndex(arr,2);
console.log(rel);

 indexOf

Array.prototype.IndexOf=function(array, searchElement, start){
    if (!array || array.constructor !== Array) throw new TypeError("这不是一个正确的数组");
    if (start === undefined) start = 0;
    start = ~~start;
    for (var i = start; i < array.length; i++) {
        if (array[i] === searchElement) return i;
    }
    return -1;
}

var arr=[1,2,3,4]
var rel = arr.IndexOf(arr,6);
console.log(rel);

lastindexOf 

Array.prototype.LastIndexOf=function(array, searchElement, start){
    if (!array || array.constructor !== Array) throw new TypeError("这不是一个正确的数组");
    if (start === undefined) start = array.length - 1;
    start = ~~start;
    for (var i = start; i >= 0; i--) {
        if (array[i] === searchElement) return i;
    }
    return -1;
}

var arr=[1,2,3,4]
var rel = arr.LastIndexOf(arr,3);
console.log(rel);

copyWithin

Array.prototype.CopyWithin=function(array, target, start, end){
    if (!array || array.constructor !== Array) throw new TypeError("这不是一个正确的数    组！");
    if (start === undefined) start = 0;
    if (end === undefined) end = array.length;
    start = ~~start;
    end = ~~end;
    if (target < 0) target = (target + array.length < 0 ? 0 : target + array.length);
    if (start < 0) start = (start + array.length < 0 ? 0 : start + array.length);
    if (end < 0) end = (end + array.length < 0 ? 0 : end + array.length);
    var arr = [];
    for (var i = start; i < end; i++) {
        arr[i] = array[i];
    }
    for (var j = target; j < array.length; j++, start++) {
        if (start < end) array[j] = arr[start];
        else return
    }
    return array;
}

var arr=[1,2,3,4]
var rel = arr.CopyWithin(arr,3);
console.log(rel);

includes

Array.prototype.Includes=function(array, seachElement){
    if (!array || array.constructor !== Array) throw new TypeError("这不是一个正确的数组！");
    for (var i = 0; i < array.length; i++) {
        if (array[i] === seachElement) return true;
    }
    return false;
}

var arr=[1,2,3,4]
var rel = arr.Includes(arr,3);
console.log(rel);

revers

Array.prototype.Revers=function(array){
    if (!array || array.constructor !== Array) throw new TypeError("这不是一个正确的数组！");
    if (array.length < 2) return array;
    for (var i = 0; i < ~~(array.length / 2); i++) {
        var temp = array[i];
        array[i] = array[array.length - i - 1];
        array[array.length - i - 1] = temp;
    }
    return array;
}

var arr=[1,2,3,4]
var rel = arr.Revers(arr);
console.log(rel);

sort

   Array.prototype.Sort=function(arr){
            for(var i=0; i < arr.length; i++){
                var minIndex = 0;
                for (var j = i + 1; j < arr.length; j++) {
                if (arr[minIndex] > arr[j]) {
                    minIndex = j;  
                }
            }
            if(minIndex!==i){
                var temp=arr[i];
                arr[i]=arr[minIndex];
                arr[minIndex]=temp;
            }
            }
            return arr;
        }
        var arr=[4,3,2,1]
        var rel = arr.Sort(arr);
        console.log(rel);

currying

Function.prototype.cuttying = function(){
    var arr = [];
    var fn = this;
    return function(){
        if(arguments.length>0){
            [].push.apply(arr,arguments);
            retrun arguments.callee;
        }else{
            return fn.apply(null,arr);
        }
    }
}

function getSum(){
    return Array.from(arguments).reduce((v,t)=>v+t);
}

var fn = getSum.currying();
fn(1,2,3);
fn(4,5,6);
var s=fn();
console.log(s)

bind

Function.prototype.bind_1 = function(thisArg){
    var fn = this;
    return function(){
        return fn.apply(thisArg,arguments);
    }
}

var obj = {
    a:1,
    b:function(){
        document.addEventListener("click",this.clickHandler.bind_1(this));
    },
    clickhandler:function(e){
        console.log(this);
    }
}

obj.b()

是陈哈哈噢
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript数组原型方法重构
weixin_53027472的博客
08-17 445
JavaScript 数组API重构，前端笔试经典题
Js利用prototype自定义数组方法示例
11-29
而本文主要给大家介绍了关于Js利用prototype自定义数组方法的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。 题目 如何实现下列代码： [1,2,3,4,5].duplicator(); // [1,2,3,4,5,1,...
用原型方法为数组去重
kaolagirl的博客
09-07 580
var arr = [1,3,5,2,1,3,7,9,5]; Array.prototype.getDistination = function(){ var newArray = []; for(var i=0;i<this.length;i++){ if(newArray.indexOf(this[i])==-1){ newArray.push(this[i]); }
JavaScript(JS) array.constructor
weixin_42098295的博客
08-11 187
Array对象允许在一个变量中存储多个值。它存储相同类型元素的固定大小的顺序集合。数组用于存储数据集合，但将数组看作同一类型变量的集合通常更有用。本文主要介绍JavaScript(JS) array.constructor 属性。 原文地址：JavaScript(JS) array.constructor ...
vue中针对7个数组方法的重写
wytraining
03-03 9055
vue通过原型拦截的方式重写了数组的7个方法，首先获取到这个数组的Observer。如果有新的值，就调用observeArray对新的值进行监听，然后调用notify，通知render watcher，执行update // src/core/observer/array.js // 获取数组的原型Array.prototype，上面有我们常用的数组方法 const arrayProto = Array.prototype // 创建一个空对象arrayMethods，并将arrayMethods的原型指
JS重构数组方法（包括reduce重构数组方法）
是陈哈哈噢
02-21 1466
数组重构 function arrayPush(array){ if(!array || array.constructor !== Array) throw new TypeError("请输入一个正确的数组！"); for(var i = 1; i<arguments.length-1; i++ ){ array[array.length] = arguments[i]; } ..
javaScript-重构数组原型对象迭代方法
weixin_48496745的博客
09-01 607
重构数组原型对象迭代方法重构every()方法方法介绍重构方法myEvery()重构some()方法 重构every()方法 方法介绍 1.使用形式:array.every(function(currentValue,index,arr){函数内容}, thisValue) 2.作用:该方法用于检测数组中是否所有元素都符合指定条件。条件由调用该方法时，调用者自定义提供。 3.注意点: every() 方法不对空数组进行检测。 every() 方法不改变原始数组。 参数 方法的参数 参数简介
重构数组方法slice
weixin_44614518的博客
10-28 80
// 把mySlice这个方法添加到数组原型上 // slice() 方法是从已有的数组中返回选定的元素。 // 有两个参数array.slice(start, end) // 规定从何处开始选取，规定从何处结束选取。 Array.prototype.mySlice=function (){ var start =0; var end =this.length; // 如果arguments.length等于1，说明传入了一个参数 if(arguments.length=
原型——重构数组方法chunk，新写css方法， 函数柯里化——全网最优原型继承继承
阿牛哥的博客
08-11 201
原型——重构数组方法chunk，新写css方法， 函数柯里化——全网最优原型继承继承
vue 重写数组的七个方法
似水流年QC的博客
08-15 1590
因为Vue的响应式是通过 Object.defineProperty()实现的，这个api没办法监听数组长度的变化，也就没办法监听数组的新增。说明：vue只重写了这7个方法，使用其它数组方法不会主动触发试图更新，例如 concat、slice 等，如果需要触发更新，我们可以使用Vue.set() 或 this.$set() 方法手动触发更新。另外，Vue3处理响应数据使用了Proxy，系统会自动捕获这些操作，并在数据变化时触发视图更新，所以不需要重写数组方法。
深入探密Javascript数组方法
01-19
在JavaScript中，数组可以使用Array构造函数来创建，或使用[]快速创建，这也是首选的方法。数组是继承自Object的原型，并且他对typeof没有特殊的返回值，他只返回’object’。 1. Array.prototype.slice方法 数组的 ...
jQuery原型属性和原型方法详解
10-23
边文章主要给大家介绍了jQuery原型属性constructor,selector,length,jquery和原型方法size,get,toArray，十分的详细，有需要的小伙伴可以参考下。
JavaScript 克隆数组最简单的方法
01-21
当然也可以使用Array的原型来做： Array.prototype.clone = function () { return this.slice(0); } var a = [1, 2, 3]; var b = a.clone(); b[1] = 20; alert(a[1]); //->2 alert(b[1]); //->20
js实现数组去重方法及效率對比
12-09
其實網上搜索這些方法一堆堆的，之所以還來寫一遍主要是因爲自己習慣一種之後就忘了其他方法怎麽實現，就寫一寫總結一下，順便做個測試看看哪個效率最高，爲了更好展示效果，我會先總結認爲比較好的方法，後面統一測...
重构大学数学基础_week04_从点积理解傅里叶变换
https://github.com/foxpup11?tab=repositories
06-08 1037
参考视频：https://www.bilibili.com/video/BV1tu4y1M7th/?spm_id_from=333.999.0.0&vd_source=7dace3632125a1ef7fd32c285eb2fbac
企业管理-14狼性精神企业文化.pptx
06-14
企业管理-14狼性精神企业文化.pptx
【password输入框的显示和关闭功能进行优化】
06-14
【password输入框的显示和关闭功能进行优化】
模拟和分析匹配滤波器检测器在不同信噪比 (SNR) 条件下性能的 MATLAB 代码.rar
最新发布
06-14
1.版本：matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。
用html给数组的原型对象添加方法
03-29
可以通过以下方式给数组的原型对象添加方法： ```html // 定义一个方法，将数组中的元素按照指定的分隔符连接起来 Array.prototype.joinWithSeparator = function(separator) { return this.join(separator); ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值