• Javascript 数组取最大值与最小值 的原型扩展方法


    原型是个好东西,通常除了Object的原型不应该扩展,向原型添加新方法是很好的选择。

    我们看一下如何为数组取最大值与最小值。最笨的方法估计是这样:

        Array.prototype.max = function () {
            var max = this[0];
            var len = this.length;
            for (var i = 1; i < len; i++) {
                if (this[i] > max) {
                    max = this[i];
                }
            }
            return max;
        }
    
        Array.prototype.min = function () {
            var min = this[0];
            var len = this.length;
            for (var i = 1; i < len; i++) {
                if (this[i] < min) {
                    min = this[i];
                }
            }
            return min;
        } 


    如果你是引入类库进行工作,害怕类库也实现了同名的原型方法,我们可以在生成之前进行判断:

        if (typeof Array.prototype['max'] == 'undefined') {
            Array.prototype.max = function () {
                //  
            }
        } 
    


    但这两个扩展实现得的确不怎么样?!有什么原生的方法可以给我们用一用呢?John Resig巧妙地利用apply方法来调用原生的Math.max与Math.min方法迅速求得结果。apply能让一个方法指定调用对象与传入参数,并且传入参数是以数组形式组织的。恰恰现在有一个方法叫Math.max,调用对象为Math,与多个参数。

        Array.max = function (array) {
            return Math.max.apply(Math, array);
        };
    
        Array.min = function (array) {
            return Math.min.apply(Math, array);
        }; 
    


    不过,John Resig是把它们做成Math对象的静态方法,不能使用大神最爱用的链式调用了。但这方法还能更精简一些,不要忘记,Math对象也是一个对象,我们用对象的字面量来写,又可以省几个比特了。

    Array.prototype.max = function () {
        return Math.max.apply({}, this)
    }
    
    Array.prototype.min = function () {
        return Math.min.apply({}, this)
    }
    


    let's test some~~~~~~~~~~~~~~~~~   ^_^

    [1, 2, 3].max()// => 3  
    [1, 2, 3].min()// => 1 
    





  • 相关阅读:
    最短路模板
    Vue中的列表item依次进入动画
    Vue2.6.11中禁止点击事件冒泡
    <img/>标签实现加载错误图的方法(包含Vue框架中的使用)
    H5实现弹窗从下边弹出、关闭效果
    CSS img 宽度固定,高度自适应
    CSS实现Android LinearLayout的效果
    css中实现Android relativeLayout的效果
    Android Log写入本地文件
    Cannot fit requested classes in a single dex file (# methods: 148419 > 65536
  • 原文地址:https://www.cnblogs.com/didi/p/1778161.html
Copyright © 2020-2023  润新知