当前位置:   article > 正文

前端项目中常用的公共函数_app开发中一般有哪些前端公共函数

app开发中一般有哪些前端公共函数

1.json数组移除某行元素

/**
 * json数组移除某行元素
 * @param val  值
 * @param field 列名
 */
Array.prototype.remove = function (val, field) {
    var index = -1;
    for (var i = 0; i < this.length; i++) {
        if (this[i][field] === val || (!field && this[i] === val)) {
            index = i;
            break;
        }
    }
    if (index > -1) {
        this.splice(index, 1);
    }
};
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17

2.去掉字符串两边的空格

/**
 * 去掉字符串两边的空格
 */
String.prototype.trim = function () {
    return this.replace(/(^\s*)|(\s*$)/g, "");
};
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

3.替换全部

/**
 * 替换全部
 * @param s1
 * @param s2
 * @returns {string}
 */
String.prototype.replaceAll = function (s1, s2) {
    return this.replace(new RegExp(s1, "gm"), s2);
};
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9

4.json数组根据ID查询元素

/**
 * json数组根据ID查询元素
 * @param val
 * @param field
 */
Array.prototype.select = function (val, field) {
    field = field || 'id';
    var index = -1;
    var retArr = [];
    for (var i = 0; i < this.length; i++) {
        if (this[i][field] == val) {
            index = i;
            retArr.push(this[i]);
        }
    }
    if (retArr.length > 0) {
        if (retArr.length == 1) return retArr[0];
        return retArr;
    }
    return null;
};
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  1. json数组更新元素

```cpp
/**
 * json数组更新元素
 * @param item
 * @param field
 */
Array.prototype.update = function (item, field) {
    field = field || 'id';
    var index = -1;
    for (var i = 0; i < this.length; i++) {
        if (this[i][field] == item[field]) {
            index = i;
            break;
        }
    }
    if (index > -1) {
        this.splice(index, 1, item);
    }
};

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21

6.日期格式化

/**
 * 日期格式化
 * @param type
 * @returns {string}
 */
Date.prototype.format = function (type) {
    var y = this.getFullYear(), m = this.getMonth() + 1, d = this.getDate(), h = this.getHours(), mm = this.getMinutes(), ss = this.getSeconds();
    m = m <= 9 ? '0' + m : m;
    d = d <= 9 ? '0' + d : d;
    h = h <= 9 ? '0' + h : h;
    mm = mm <= 9 ? '0' + mm : mm;
    ss = ss <= 9 ? '0' + ss : ss;
    if (type === 'yyyy-mm-dd') {
        return y + "-" + m + "-" + d;
    }
    if (type === 'yyyy-mm') {
        return y + "-" + m;
    }
    if (type === 'yyyy年mm月') {
        return y + "年" + m + "月";
    }
    if (type === 's') {
        return y + "-" + m + "-" + d + " " + h + ":" + mm;
    }
    if (type === 'mm-dd hh:mi') {
        return m + "-" + d + " " + h + ":" + mm;
    }
    if (type === 'hh:mi:ss') {
        return h + ":" + mm + ":" + ss;
    }
    if (type === 'hh:mi') {
        return h + ":" + mm;
    }
    if (type === "yyyy-mm-dd hh:mi") {
        return y + "-" + m + "-" + d + " " + h + ":" + mm;
    }
    return y + "-" + m + "-" + d + " " + h + ":" + mm + ":" + ss;
};

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Gausst松鼠会/article/detail/701042
推荐阅读
相关标签
  

闽ICP备14008679号