js常用方法集utils.js【持续更新】

// 前端js公共方法集

export default {
    // 配合element-ui更佳

    /*
     element时间修正
       参数：要修正的时间 
    */
    fixDateTime(val) {
        return new Date(Date.parse(new Date(val)) + 8 * 3600 * 1000)
    },

    /*
     附件格式过滤
       参数：1.el-upload的file，2.接受的文件类型后缀数组，如['.zip', 'png']，区分大小写
    */
    filterFile(file, arr) {
        let fileSize = file.size / 1000 / 1000
        if (fileSize > 25) {
            console.log('文件大小不能超过25M！')
            return false;
        }
        let fileName = file.name.lastIndexOf(".");//取到文件名开始到最后一个点的长度
        let fileNameLength = file.name.length;//取到文件名长度
        let fileFormat = '.' + file.name.substring(fileName + 1, fileNameLength);
        if (arr.indexOf(fileFormat) > -1) {
            return true
        } else {
            console.log('文件格式不对！')
            return false
        }
    },

    /*
     数组去重
       参数：1.待去重数组，2.过滤依据唯一key|对象数组时必须,String类型
    */
    filterArr(arr, key) {
        let newArr = []
        let tempArr = []
        arr.forEach(item => {
            let value = key ? item[key] : item
            if (tempArr.indexOf(value) < 0) {
                newArr.push(item)
                tempArr.push(value)
            }
        });
        return newArr
    },

    /*
     数组排序
       参数：1.待排序数组，2.是否升序（默认是），3.排序规则|0为数字（默认），1为字符串|非必须，4.排序依据唯一key|对象数组时必须,String类型
    */
    sortArr(arr, bool = true, rule = 0, key) {
        if (bool) {
            if (key) {
                if (rule == 0) {
                    return arr.sort((a, b) => a[key] - b[key])
                } else {
                    return arr.sort((a, b) => {
                        return a[key].localeCompare(b[key])
                    })
                }
            } else {
                if (rule == 0) {
                    return arr.sort((a, b) => a - b)
                } else {
                    return arr.sort((a, b) => {
                        return a.localeCompare(b)
                    })
                }
            }
        } else {
            if (key) {
                if (rule == 0) {
                    return arr.sort((b, a) => a[key] - b[key])
                } else {
                    return arr.sort((b, a) => {
                        return a[key].localeCompare(b[key])
                    })
                }
            } else {
                if (rule == 0) {
                    return arr.sort((b, a) => a - b)
                } else {
                    return arr.sort((b, a) => {
                        return a.localeCompare(b)
                    })
                }
            }
        }
    },

    /*
     对象数组添加字段
       参数：1.待添加数组，2.待添加字段key，3.待添加value|非必须，默认为null
    */
    addFieldArr(arr, key, value = null) {
        return arr.map(item => {
            let obj = {
                ...item
            }
            obj[key] = value
            return obj
        })
    },

    /*
     对象数组合并相同key的data
       参数：1.待操作数组，2.参考key，3.待合并key
    */
    mergeKeyArr(arr, key1, key2) {
        arr = this.sortArr(arr, true, 1, key1)
        let newArr = []
        let tempValue = 0 // 临时存储数据
        let curName = arr[0][key1]
        // 合并相同curName的数据
        arr.forEach((item, index) => {
            if (item[key1] === curName) {
                tempValue += item[key2]
            } else {
                let obj = {
                    ...arr[index - 1]
                }
                obj[key2] = tempValue
                newArr.push(obj)
                curName = item[key1]
                tempValue = item[key2]
            }
        })
        let obj = {
            ...arr[arr.length - 1]
        }
        obj[key2] = tempValue
        newArr.push(obj)
        return newArr
    },

    /*
     生成a-b随机数（默认0-255）
       参数：1.最小值|非必须，2.最大值|非必须
    */
    randomNumber(a = 0, b = 255) {
        return Math.round(a + Math.random() * (b - a))
    },

    /*
     生成随机rgb三颜色
       参数：1.是否可透明|非必须
    */
    randomColor(bool) {
        if (bool) {
            return `rgba(${this.randomNumber()}, ${this.randomNumber()}, ${this.randomNumber()}, .${this.randomNumber(0, 99)})`
        } else {
            return `rgb(${this.randomNumber()}, ${this.randomNumber()}, ${this.randomNumber()})`
        }
    },
}

更新日期：2020/12/25，如有错误，欢迎指出！