js常用擴展方法

在日常的開發過程中，經常會碰到javaScript原生對象方法不夠用的情況，所以經常會對javaScript原生方法進行擴展。下面就是在實際工作時，經常使用的一些方法，做一下記錄，有需要的可以拿去。

1、String篇

1.1、字符串做相加運算：

浮點數的精度問題是javaScript計算的一個障礙，因為有些小數以二進制表示的話位數是無窮的。比如1.1，在程序中無法真正的表示1.1，只能做到一定程度的准確，但是無法避免精度的丟失。

String.prototype.add = function (arg2) {
    let r1, r2, m
    try {
        r1 = this.toString().split('.')[1].length
    } catch (e) {
        r1 = 0
    }
    try {
        r2 = arg2.toString().split('.')[1].length
    } catch (e) {
        r2 = 0
    }

    m = Math.pow(10, Math.max(r1, r2))
    return (Math.round(this * m + arg2 * m) / m).toString()
}

1.2、字符串做相減運算

String.prototype.reduce = function (arg2) {
    let r1, r2, m
    try {
        r1 = this.toString().split('.')[1].length
    } catch (e) {
        r1 = 0
    }
    try {
        r2 = arg2.toString().split('.')[1].length
    } catch (e) {
        r2 = 0
    }
    m = Math.pow(10, Math.max(r1, r2))
    return (Math.round(this * m - arg2 * m) / m).toString()
}

2、Number篇

2.1、數字做相加運算

Number.prototype.add = function (arg2) {
    let r1, r2, m
    try {
        r1 = this.toString().split('.')[1].length
    } catch (e) {
        r1 = 0
    }
    try {
        r2 = arg2.toString().split('.')[1].length
    } catch (e) {
        r2 = 0
    }

    m = Math.pow(10, Math.max(r1, r2))
    return Math.round(this * m + arg2 * m) / m
}

2.2、數字做相減運算

Number.prototype.reduce = function (arg2) {
    let r1, r2, m
    try {
        r1 = this.toString().split('.')[1].length
    } catch (e) {
        r1 = 0
    }
    try {
        r2 = arg2.toString().split('.')[1].length
    } catch (e) {
        r2 = 0
    }
    m = Math.pow(10, Math.max(r1, r2))
    return Math.round(this * m - arg2 * m) / m
}

3、Array數組篇

3.1、獲取數組最大值

Array.prototype.getMax = function () {
    return Math.max.apply(null, this.map((seg) => {return +seg}))
}

3.2、獲取數組的深拷貝值

Array.prototype.getCopy = function () {
    let that = this
    return JSON.parse(JSON.stringify(that))
}

3.3、使用特殊字符（symbol）替換數組中的0

Array.prototype.replaceZero = function (symbol = '-') {
    return this.map(function (seg) {
        return +seg == 0 ? symbol : seg
    })
}

3.4、獲取數組中指定 idx 的元素，其中 idx 若超過數組長度length，則查找 idx 與 length * n 相減的序號元素

Array.prototype.getItemByIdx = function (idx = 0) {
    function getArrByIdx (list, idx) {
        if (list.length - 1 < idx) {
            idx -= list.length
            return getArrByIdx(list, idx)
        } else {
            return list[idx]
        }
    }
    return getArrByIdx(this, idx)
}

3.5、獲取數組中由自定義數量的隨機元素組成的新數組。count 為所需數量

Array.prototype.getRandomArrayElements = function (count) {
    var shuffled = this.slice(0),
        i = this.length,
        min = i - count,
        temp, index
    while (i-- > min) {
        index = Math.floor((i + 1) * Math.random())
        temp = shuffled[index]
        shuffled[index] = shuffled[i]
        shuffled[i] = temp
    }
    return shuffled.slice(min)
}

3.6、獲取數組中的隨機元素

Array.prototype.getRandomElement = function () {
    let lth = this.length - 0.1
    return this[Math.floor(Math.random() * lth)]
}

3.7、數組內元素求加和

Array.prototype.sum = function () {
    return eval(this.join('+'))
}

最近在搞一個和前端程序員相關的公號，除了技術分享之外，也增加了對於職業發展、生活記錄之類的文章，歡迎大家關注，一起聊天、吐槽，一起努力工作，認真生活！