js 一些项目中常用的原型方法整理

最新推荐文章于 2021-09-19 18:27:08 发布
最新推荐文章于 2021-09-19 18:27:08 发布
阅读量621 收藏 1
点赞数
分类专栏： javascript 文章标签： 项目常用的一些原型方法整理
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shi851051279/article/details/85039105
版权

这些原型方法有一部分是之前项目的一位大佬写的，还有一部分是其他项目中用到，自己网上搜罗的，正好今天闲比较闲，想起来整理到一起记录一下。这个文件一般可以直接复制到项目中，用来做utils 文件，里边包含了 Date , Number, String, Array 对象上封装的常用方法，具体请看注释！如果要拿去做项目的 utils 文件，可以把这些方法写在一个立即执行函数中，避免污染全局空间！

function Utils() {};


/*
 * 格式化金额
 * @param money [string/Number] 待精确的金额
 * @param precision [int] 小数点后精确位数 默认：4
 * e.g.: 1234567.89	=>	1,234,567.8900
 */

Utils.prototype.formatMoney = function (money, precision) {
    var decimal, formatRound, i, round, temp;
    if (precision == null) {
        precision = 4;
    }
    formatRound = function (money) {
        return ("" + money).replace(/(\d+?)(?=(?:\d{3})+$)/g, '$1,');
    };
    money = money + '';
    temp = money.split('.');
    round = +temp[0];
    round = formatRound(round);
    if (!precision) {
        return round;
    }
    decimal = '' + Math.round(("." + (temp[1] || 0)) * Math.pow(10, precision));
    return (formatRound(round)) + "." + (((function () {
        var ref, results;
        results = [];
        for (i = 0, ref = precision - decimal.length; i < ref; i++) {
            results.push('0');
        }
        return results;
    })()).join('')) + decimal;
};


window.Utils = new Utils();

// console.log(Utils.formatMoney(12345677.8888,6))



/*
 * 获得指定日期、时间规范格式<yyyy-MM-dd>|<HH:mm:ss>|<yyyy-MM-dd HH:mm:ss>的字符串
 * @param param [Object] 选填。JSON对象。
 * @param param - date [Date] 选填。欲格式化的Date类型的数据。如为空，则默认当前日期。
 * @param param - hasDate [Boolean] 选填。返回的规范化字符串带有“日期”。
 * @param param - hasTime [Boolean] 选填。返回的规范化字符串带有“时间”。
 * @param param - forward [Number] 选填。提前的天数。支持0和负整数。如果调用时带有此参数，将返回一个包含两个元素的数组，第一个日期早于第二个日期。
 * 注：此函数是用来追加到Date prototype的，不能直接调用。
 */

_formatDate = function (param) {
    var H, M, d, date, hD, hT, m, rD, rT, re, s, y;
    date = param['date'] || this;
    y = date.getFullYear();
    M = date.getMonth() + 1;
    M = (M + '').length > 1 ? M : '0' + M;
    d = date.getDate();
    d = (d + '').length > 1 ? d : '0' + d;
    H = date.getHours();
    H = (H + '').length > 1 ? H : '0' + H;
    m = date.getMinutes();
    m = (m + '').length > 1 ? m : '0' + m;
    s = date.getSeconds();
    s = (s + '').length > 1 ? s : '0' + s;
    hD = param.hasDate;
    hT = param.hasTime;
    rD = hD ? y + '-' + M + '-' + d : '';
    rT = hT ? H + ':' + m + ':' + s : '';
    re = "" + rD + (hD && hT ? ' ' : '') + rT;
    date = void 0;
    return re;
};


/*
 * 获得指定月份第一天的规范格式<yyyy-MM-dd>的字符串
 * @param date [Date/String] 必填。指定月份的Date对象或可以转换成Date对象的字符串
 */

_firstDayOfMonth = function (date) {
    if (typeof date === 'string') {
        date = new Date(date);
    }
    return new Date(date.setDate(1));
};


/*
 * 获得指定月份最后一天的规范格式<yyyy-MM-dd>的字符串
 * @param date [Date/String] 必填。指定月份的Date对象或可以转换成Date对象的字符串
 */

_lastDayOfMonth = function (date) {
    var re;
    if (typeof date === 'string') {
        date = new Date(date);
    }
    date = new Date(date.setDate(1));
    re = date.setMonth(date.getMonth() + 1) - 1 * 24 * 60 * 60 * 1000;
    return new Date(re);
};


/*
 * 获取格式化日期：2000-01-01
 */

Date.prototype.getFormatDate = function (date) {
    if (date == null) {
        date = this;
    }
    return _formatDate.call(this, {
        date: date,
        hasDate: 1
    });
};


/*
 * 获取格式化时间：00:00:00
 */

Date.prototype.getFormatTime = function (date) {
    if (date == null) {
        date = this;
    }
    return _formatDate.call(this, {
        date: date,
        hasTime: 1
    });
};


/*
 * 获取格式化日期+时间：2000-01-01 00:00:00
 */

Date.prototype.getFormatDateAndTime = function (date) {
    if (date == null) {
        date = this;
    }
    return _formatDate.call(this, {
        date: date,
        hasDate: 1,
        hasTime: 1
    });
};


/*
 * 获取指定月份第一天的格式化日期：2000-01-01
 * @param date [Date/String]
 */

Date.prototype.firstDayOfMonth = function (date) {
    if (date == null) {
        date = this;
    }
    return _firstDayOfMonth.call(this, date);
};


/*
 * 获取指定月份最后一天的格式化日期：2000-01-31
 * @param date [Date/String]
 */

Date.prototype.lastDayOfMonth = function (date) {
    if (date == null) {
        date = this;
    }
    return _lastDayOfMonth.call(this, date);
};


/*
 * 获取 n 天前的日期（n 可为负）
 */

Date.prototype.beforeDays = function (n, date) {
    if (date == null) {
        date = this;
    }
    return new Date(date.getTime() - n * 1000 * 60 * 60 * 24);
};


/*
 * 获取 n 天后的日期（n 可为负）
 */

Date.prototype.afterDays = function (n, date) {
    if (date == null) {
        date = this;
    }
    return new Date(date.getTime() + n * 1000 * 60 * 60 * 24);
};


/*
 * 获取 n 个月前的日期（n 可为负）
 */

Date.prototype.beforeMonths = function (n, date) {
    if (date == null) {
        date = this;
    }
    return new Date(date.setMonth(date.getMonth() - n));
};


/*
 * 获取 n 天后的日期（n 可为负）
 */

Date.prototype.afterMonths = function (n, date) {
    if (date == null) {
        date = this;
    }
    return new Date(date.setMonth(date.getMonth() + n));
};



/*
 * 去空格 - 去除全部空格
 */

String.prototype.trimAll = function () {
    return this.replace(/\s/g, '');
};


/*
 * 去空格 - 前后空格都去掉
 */

String.prototype.trim = function () {
    return this.replace(/(^\s*)|(\s*$)/g, '');
};


/*
 * 去空格 - 去前面的空格
 */

String.prototype.trimPre = function () {
    return this.replace(/(^\s*)/g, '');
};


/*
 * 去空格 - 去后面的空格
 */

String.prototype.trimSuf = function () {
    return this.replace(/(\s*$)/g, '');
};


/*
 * 处理JSON库
 */

String.prototype.toJSON = function () {
    return JSON.parse(this);
};


/*
 * 将 $、<、>、"、'，与 / 转义成 HTML 字符
 */

String.prototype.encodeHTML = function (onlyEncodeScript) {
    var encodeHTMLRules, matchHTML, str;
    if (!this) {
        return this;
    }
    encodeHTMLRules = {
        "&": "&#38;",
        "<": "&#60;",
        ">": "&#62;",
        '"': '&#34;',
        "'": '&#39;',
        "/": '&#47;'
    };
    if (onlyEncodeScript) {
        matchHTML = /<\/?\s*(script|iframe)[\s\S]*?>/gi;
        str = this.replace(matchHTML, function (m) {
            var s;
            switch (true) {
                case /script/i.test(m):
                    s = 'script';
                    break;
                case /iframe/i.test(m):
                    s = 'iframe';
                    break;
                default:
                    s = '';
            }
            return "" + encodeHTMLRules['<'] + (-1 === m.indexOf('/') ? '' : encodeHTMLRules['/']) + s + encodeHTMLRules['>'];
        });
        return str.replace(/on[\w]+\s*=/gi, '');
    } else {
        matchHTML = /&(?!#?\w+;)|<|>|"|'|\//g;
        return this.replace(matchHTML, function (m) {
            return encodeHTMLRules[m] || m;
        });
    }
};


/*
 * 将 $、<、>、"、'，与 / 从 HTML 字符 反转义成正常字符
 */

String.prototype.decodeHTML = String.prototype.decodeHTML || function () {
    var decodeHTMLRules, matchHTML;
    decodeHTMLRules = {
        "&#38;": "&",
        "&#60;": "<",
        "&#62;": ">",
        '&#34;': '"',
        '&#39;': "'",
        '&#47;': "/"
    };
    matchHTML = /&#38;|&#60;|&#62;|&#34;|&#39;|&#47;/g;
    if (this) {
        return this.replace(matchHTML, function (m) {
            return decodeHTMLRules[m] || m;
        });
    } else {
        return this;
    }
};


/*
 * 检测是否是银行卡号
 */
String.prototype.checkLuhn = function () {
    var count, i, len, n, num, sum;
    num = this.split('');
    len = num.length;
    sum = 0;
    for (i = 0; i < len; i++) {
        count = i + 1;
        n = +num[len - 1 - i];
        if (count % 2 === 0) {
            n = n * 2;
            if (!(n < 10)) {
                n = n - 9;
            }
        }
        sum += n;
    }
    return sum % 10 === 0;
};


//格式化身份证号
String.prototype.IDCrdFormat = function () {
    let str = this.trimAll()
    for (let i = 0; i < str.length; i++) {
        if (i === 3 || i === 7 || i === 12 || i === 17) {
            str = str.slice(0, i) + ' ' + str.slice(i)
        }
    }
    return str
}


// 计算字符长度
String.prototype.getByteLen = function () {
    var len = 0;
    for (var i = 0; i < this.length; i++) {
        var a = this.charAt(i);
        if (a.match(/[^\x00-\xff]/ig) != null) {
            len += 2;
        } else {
            len += 1;
        }
    }
    return len;
}

//验证手机号和用户名
String.prototype.phoneReg = function () {
    const phoneReg = /^0?(13|14|15|16|17|18|19)[0-9]{9}$/
    return phoneReg.test(this)
}


//验证邮箱
String.prototype.emailReg = function () {
    const emailReg = /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/
    return emailReg.test(this)
}



//判断密码中文字符
String.prototype.chineseReg = function () {
    const chineseReg = /([\u4E00-\u9FA5]|[\uFE30-\uFFA0])+/
    return chineseReg.test(this)
}



//特殊字符（含空格）
String.prototype.characterReg = function () {
    const nameReg = /^[\u4E00-\u9FA5A-Za-z0-9]+$/
    return !nameReg.test(this)
}

/*
 * Array: 判断当前 array 中是否存在指定元素
 */

Array.prototype.has = function (obj) {
    return this.indexOf(obj) !== -1;
};


/*
 * Array: 获取最后一个元素
 */

Array.prototype.last = function () {
    return this[this.length - 1];
};


/*
 * Array: 去重
 * @param bool [Boolean] 是否返回移除的元素array 默认false
 */

Array.prototype.unique = function (bool) {
    var hash, j, l, len1, len2, obj, re, result;
    if (bool == null) {
        bool = false;
    }
    result = [];
    re = [];
    hash = {};
    if (bool) {
        for (j = 0, len1 = this.length; j < len1; j++) {
            obj = this[j];
            if (hash[obj]) {
                re.push(obj);
            } else {
                result.push(obj);
                hash[obj] = true;
            }
        }
        return [result, re];
    } else {
        for (l = 0, len2 = this.length; l < len2; l++) {
            obj = this[l];
            if (!hash[obj]) {
                result.push(obj);
                hash[obj] = true;
            }
        }
        return result;
    }
};


/*
 * Array: 移除参数中的元素
 */

Array.prototype.remove = function (obj) {
    var i;
    i = this.indexOf(obj);
    if (i === -1) {
        return null;
    }
    return this.splice(i, 1)[0];
};


/*
 * 精确小数点位数
 * @param count [int] 精确小数点后位数
 * @param round [Boolean] 是否四舍五入（默认：yes）
 */

Number.prototype.accurate = function (count, round) {
    var i, l, len, num, re, str, temp, txt;
    if (round == null) {
        round = true;
    }
    if (this.valueOf() === 0) {
        if (count === 0) {
            return '0';
        }
        re = '0.';
        for (i = 0; i < count; i++) {
            re += '0';
        }
        return re;
    }
    temp = Math.pow(10, count);
    num = Math[round ? 'round' : 'floor'](this * temp);
    num = num / temp;
    str = num.toString();
    len = count - str.replace(/^\d+\.*/, '').length;
    txt = str;
    if (len) {
        txt += (num % 1 === 0 ? '.' : '');
    }
    for (i = 0; i < len; i++) {
        txt += '0';
    }
    return txt;
};



/*
 * int 随机数
 * @param min [int] 随机范围的最小数字
 * @param max [int] 随机范围的最大数字
 */

Math.intRange = function (min, max) {
    if (min == null) {
        min = 0;
    }
    if (max == null) {
        max = 0;
    }
    return min + Math.round(Math.random() * (max - 1));
};
泥猴桃
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
超实用的JavaScript代码段 附使用方法
11-23
JavaScript中自带的日期函数还是太过简单，很难满足真实项目中对不同日期格式进行解析和判断的需要。JQuery也有一些第三方库来使日期相关的处理变得简单，但有时你可能只需要一个非常简单的函数，而不想引入一个庞大...
JavaScript学习资料全面整理
05-15
本资源包"JavaScript学习资料全面整理"显然是为了帮助初学者和进阶者深入理解这门语言，包含了各种资源，下面将对JavaScript的一些关键知识点进行详细阐述。 1. **基础概念**：JavaScript是一种解释型、弱类型、...
史上最全js原型/原型链,面向对象编程讲解
李卓书
05-31 2928
前言 本少观过诸多视频和文章,奈何使用频率少之又少,每次一到用处,发现忘的一干二净.然后又重头温习,记得笔记也丢三落四,找不到;所以存到网上,方便以后查询.这里吐槽一句,很多文章以偏概全,不得要领,实在让我头皮发麻.还是自己写一篇全文记载,美滋滋. 场景模拟 俗话说,好的解决方法,都是由于碰到了问题.没有问题的理论讲解,都是赤裸裸的耍流氓.讲解问题没有场景模拟,都是凑不要脸.那么看下,是哪些问题让...
Array类型
weixin_43554610的博客
09-23 160
Array类型
JavaScript的原型方法
SanPhantom的博客
08-13 761
JavaScript的原型方法 1、构造函数 function Person(name, age, sex){ this.name = name; this.age = age; this.sex = sex; this.eat = function(){ console.log("我喜欢吃火锅"); } } 以上为一个构造函数...
js数组原型的方法
dell_Luo的博客
04-16 895
js数组原型的方法方法都有什么呢？功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 方法都有什么呢？ 1.join() ...
JS(原型和原型链）
热门推荐
姜皓的博客
05-10 3万+
(学习自慕课网《前端JavaScript 面试技巧》 JS(原型和原型链） 题目1.如何准确判断一个变量是数组类型 使用 instanceof 方法 题目2.写一个原型链继承的例子 实例：封装 DOM 查询 定义构造函数 Elem,属性封装成 id    打印出所有的 html   将所有的 html 变为 hello imooc ,并且点击弹出 ‘clicked’ ...
交互原型设计软件Axure_RP_Pro_5中文教程整理.pdf
02-16
1. **目录组织的原型文档**：支持多层级的组织结构，方便管理复杂的项目。 2. **交互界面设计**：提供丰富的组件库，便于创建各种交互元素，如按钮、表单、下拉菜单等。 3. **动态面板和状态管理**：动态面板可以...
自己整理的常用js
05-23
【标题】"自己整理的常用js" 涵盖了JavaScript这一编程语言的常用知识点，JavaScript，简称JS，是Web开发中的核心语言，主要用于网页和网络应用的动态化与交互性。这个压缩包包含了作者对JavaScript常用功能和技巧的...
XML、HTML、CSS与JS的区别整理
10-22
JavaScript是一种解释型的、基于原型的编程语言，主要用于网页和应用的交互性。它不仅可以操作HTML元素，实现动态内容，如响应用户输入、处理数据、创建动画效果，还能在客户端进行表单验证，提高用户体验。...
js中的字符串（字符类型）方法总结
wocao2dai的博客
09-19 555
1、字符拼接 str1.concat(str2) 2、字符串变超链接 str2.link('http://www.baidu.com') 3、字符变大 pj.big() 4、字符变小 pj.small() 5、字符变下标 'H'+'2'.sub()+'O' 6、字符变上标 'log'+'3'.sub()+'5'.sup() 7、字母型的字符变大写 str.toUpperCase() 8、字母型的字符变小写 str.toLowerCase() 9、把数字转换为字符串，并保留指定
字符串的原型方法
牛先森家的博客
02-05 405
字符串的原型方法字符串原型方法includes() 字符串原型方法includes() // includes() 方法用于判断一个字符串是否包含在另一个字符串中，根据情况返回 true 或 false。 // includes() 方法是区分大小写的。 const flag = 'aaa'.includes('') console.log(flag) //true const a = 'abc'.includes('a') const A = 'abc'.inclu
JavaScript 原型的深入指南
dichu2296的博客
04-24 228
摘要： 理解prototype。 原文：JavaScript 原型的深入指南 作者：前端小智 Fundebug经授权转载，版权归原作者所有。 不学会怎么处理对象，你在 JavaScript 道路就就走不了多远。它们几乎是 JavaScript 编程语言每个方面的基础。事实上，学习如何创建对象可能是你刚开始学习的第一件事。 对象是键/值对。创建对象的最常用方法是使用花括号{}，并使用点...
js 对象方法（实例方法） 类方法 原型方法
专心填坑的姑娘
11-05 5460
js 对象方法（实例方法） 类方法 原型方法 function Animal() { //实例属性 this.name = name || 'Animal'; //实例方法 this.sleep = function () { console.log(this.name + "正在睡觉") } this.pla...
项目中遇到的原型解惑
ljyahaha的博客
06-23 152
原型链这个之前面试经常问，可我只知道概念，后来在公司做了项目后感觉对这个概念又深刻了一些，以此记录一下。对于创建对象，可能比较熟悉的是构造函数，通过new实例化创建不同的对象，可它有个缺点就是每个实例上都会创建多个相同的方法，事实上，这样是很占用内存的。 1、原型简要介绍 如果你能考虑prototype，也就是说当我们需要通过一个函数创建大量的对象,并且这些对象还都有许多相同的方法的时候，这时我们就要考虑在函数的prototype上添加这些方法。这种情况下我们代码的内存占用就比较小。看下面这个代码：这里的
常用的JS原生方法
liu_chenglong的博客
03-04 4589
常用的JS原生方法 最近做项目用到了js一些常用的原生方法，谨记以下： 1. 常用的JS原生方法： var bgdiv = window.document.getElementById("div_demo_id"); if (!bgdiv) { bgdiv = window.document.createElement("div"); bgdiv.id = "div_demo_id"; ...
JS中的prototype
weixin_34390105的博客
06-03 255
JS中的phototype是JS中比较难理解的一个部分   本文基于下面几个知识点:   1 原型法设计模式 在.Net中可以使用clone()来实现原型法 原型法的主要思想是，现在有1个类A,我想要创建一个类B,这个类是以A为原型的,并且能进行扩展。我们称B的原型为A。   2 javascript的方法可以分为三类： a 类方法 b 对象方法 c 原型方法 例子： ...
js关于原型的一些方法
zhoulib__的博客
05-29 746
　function Person(){this.age = 100} 　　var person1 = new Person; ①isPrototypeOf() 　Person.prototype.isPrototypeOf(person1);　　//true ②Object.getPrototypeOf() 　alert(Object.getPrototypeOf(person1) == Person.prototype)　　//true ③hasOwnProperty()　　//判断属性是否是存在于
js对象中的常用方法
最新发布
07-27
回答: 在JavaScript对象中，常用的方法包括： 1. Object.setPrototypeOf(obj, prototype): 该方法用于设置一个指定的原型对象，将一个对象的原型设置为另一个对象。\[1\] 2. Object.getOwnPropertySymbols(obj): 该...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值