现在的位置: 首页 > 综合 > 正文

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

2012年09月13日 ⁄ 综合 ⁄ 共 1027字 ⁄ 字号 评论关闭

原型是个好东西,通常除了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 

抱歉!评论已关闭.