# ec-do **Repository Path**: pingm/ec-do ## Basic Information - **Project Name**: ec-do - **Description**: 实例为日常开发常用的小实例，包括数组去重，打乱数组，字母大小写转换，cookie操作的封装等。 - **Primary Language**: JavaScript - **License**: MIT - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 1 - **Forks**: 0 - **Created**: 2017-12-15 - **Last Updated**: 2022-01-07 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README ## ec-do #### 自己封装的常用操作实例 实例为日常开发常用的小实例，包括数组去重，打乱数组，字母大小写转换，cookie操作的封装等。 ### 使用方法 #### 引入ec-do.js //去除空格 ecDo.trim(' xx x x',1); //xxxx //大小写转换 ecDo.changeCase('asdXaaaXHwwHwwad',3) //"ASDxAAAxhWWhWWAD" 具体使用方式在ec-do.js里面有说明 ### 版本说明 #### ecDo 1.x使用es5语法编写 #### ecDo 2.x使用es6语法编写 ### 具体方法 > 下面方法，如果在 **demo** 看到 **'result：'** 证明此函数是拥有返回值的函数，否则函数就没有返回值 ### 1.trim ##### description ecDo.trim(str,type) description-去除字符串的空格 param **{String}** str-待处理的字符串 param **{Int}** type-去除空格的形式（1-所有空格 2-前后空格 3-前空格 4-后空格，不传返回原字符串） ##### demo ecDo.trim(' 1235asd',1) result：'1235asd' ### 2.changeCase ##### description ecDo.changeCase(str,type) description-大小写转换 param **{String}** str-待处理的字符串 param **{Int}** type-转换的方式（1-首字母大写，2-首字母小写，3-大小写转换，4-全部大写，5-全部小写，不传返回原字符串） ##### demo ecDo.changeCase('asdasd',1) result：'Asdasd' ### 3.repeatStr ##### description ecDo.repeatStr(str,count) description-字符串循环复制 param **{String}** str-待复制的字符串 param **{Int}** type-复制的次数 ##### demo ecDo.repeatStr('123',3) result：'123123123' ### 4.replaceAll ##### description ecDo.replaceAll(str, AFindText, ARepText) description-字符串替换 param **{String}** str-待处理的字符串 param **{String}** AFindText-要替换的字符或者正则表达式（不要写g） param **{String}** ARepText-替换成什么 ##### demo ecDo.replaceAll('这里是上海，中国第三大城市，广东省省会，简称穗，','上海','广州') result："这里是广州，中国第三大城市，广东省省会，简称穗，" ### 5.replaceStr ##### description ecDo.replaceStr(str, regArr, type, ARepText) description-字符替换* param **{String}** str-待处理的字符串 param **{Array}** regArr-数据格式 param **{Int}** type-替换方式，(0-前面 1-后面) param **{String}** ARepText-替换的字符，默认是‘*’ ##### demo ecDo.replaceStr('18819322663',[3,5,3],0) result："188*****663" ecDo.replaceStr('asdasdasdaa',[3,5,3],1) result：***asdas*** ecDo.replaceStr('1asd88465asdwqe3',[5],0) result：*****8465asdwqe3 ecDo.replaceStr('1asd88465asdwqe3',[5],1,'+') result："1asd88465as+++++" ### 6.checkType ##### description ecDo.checkType(str, type) description-检测字符串 param **{String}** str-待处理的字符串 param **{String}** type-数据格式(email,phone,tel,number,english,text,chinese,lower,upper) ##### demo ecDo.checkType('165226226326','phone') result：false ### 7.checkPwd ##### description ecDo.checkPwd(str) description-检测密码强度 param **{String}** str-待检测的字符串 ##### demo ecDo.checkPwd('12asdASAD') result：result：3(强度等级为3，大写+1，小写+1，数字+1，'-','.','_'任意一字符+1，长度小于6等级为0) ### 8.randomWord ##### description ecDo.randomWord(count) description-随机码 param **{int}** count-取值范围2-36 ##### demo ecDo.randomWord(10) result："2584316588472575" ecDo.randomWord(14) result："9b405070dd00122640c192caab84537" ecDo.randomWord(36) result："83vhdx10rmjkyb9" ### 9.countStr ##### description ecDo.countStr(str, strSplit) description-检测字符串的出现次数 param **{String}** str-待处理的字符串 param **{String}** strSplit-待检测的字符串 ##### demo var strTest='sad44654blog5a1sd67as9dablog4s5d16zxc4sdweasjkblogwqepaskdkblogahseiuadbhjcibloguyeajzxkcabloguyiwezxc967' ecDo.countStr(strTest,'blog') result：6 ### 10.filterStr ##### description ecDo.filterStr(str, type, restr, spstr) description-过滤字符串 param **{String}** str-待处理的字符串 param **{String}** type-过滤的类型（special-特殊字符,html-html标签,emjoy-emjoy表情,word-小写字母，WORD-大写字母，number-数字,chinese-中文。多种类型用','隔开。） param **{String}** restr-替换成的字符，默认'' param **{String}** spstr-保留的特殊字符 ##### demo ecDo.filterStr('asdasdaasd464132156','number') result："asdasdaasd" var str='asd 654a大蠢sasdasdASDQWEXZC6d5#%^*^&*^%^&*$\\"\'#@!()*/-())_\'":"{}?
啊实打实大蠢猪自行车这些课程'; //过滤字符串的html标签，大写字母，中文，特殊字符。全部替换成*。但是特殊字符'%'和'?'可以保留，其他特殊字符全部被替换成* ecDo.filterStr(str,'html,WORD,chinese,special','*','%?') result："asd 654a**sasdasd*********6d5#%^*^&*^%^&*$\"'#@!()*/-())_'":"{}?*****************" ### 11.formatText ##### description ecDo.formatText(str, size, delimiter) description-格式化处理字符串 param **{String}** str-待处理的字符串 param **{Int}** size-间隔 param **{String}** delimiter-间隔符，默认',' ##### demo ecDo.formatText('1234asda567asd890') result："12,34a,sda,567,asd,890" ecDo.formatText('1234asda567asd890',4,' ') result："1 234a sda5 67as d890" ecDo.formatText('1234asda567asd890',4,'-') result："1-234a-sda5-67as-d890" ### 12.longestWord ##### description ecDo.formatText(str, splitType) description-找出最长单词 param **{String}** str-字符串 param **{splitType}** size-间隔符，默认' ' ##### demo ecDo.longestWord('Find the Longest word in a String') result: {el: "Longest", max: 7} ecDo.longestWord('Find|the|Longest|word|in|a|String','|') result: {el: "Longest", max: 7} ### 13.titleCaseUp ##### description ecDo.titleCaseUp(str, splitType) description-句中单词首字母大写 param **{String}** str param **{splitType}** size-间隔符，默认' ' ##### demo ecDo.titleCaseUp('this is a title') result: "This Is A Title" ecDo.titleCaseUp('this is a title','|') result: "This Is A Title" ### 14.removeRepeatArray ##### description ecDo.removeRepeatArray(arr) description-数组去重 param **{Array}** arr-待去重数组 ##### demo ecDo.removeRepeatArray([1,2,3,4,2,1,2,3,4,5]) result: [1, 2, 3, 4, 5] ### 15.upsetArr ##### description ecDo.upsetArr(arr) description-数组顺序打乱 param **{Array}** arr-待打乱数组 ##### demo ecDo.upsetArr([1,2,3,4,5,6,7,8,9,0]) result: [7, 1, 3, 2, 4, 6, 8, 9, 0, 5] ### 16.maxArr ##### description ecDo.maxArr(arr) description-获取数组最大值 param **{Array}** arr-待处理数组 ##### demo ecDo.maxArr([1,2,3,4,5,6,7,8,9,0]) result: 9 ### 17.minArr ##### description ecDo.minArr(arr) description-获取数组最小值 param **{Array}** arr-待处理数组 ##### demo ecDo.minArr([1,2,3,4,5,6,7,8,9,0]) result: 0 ### 18.sumArr ##### description ecDo.sumArr(arr) description-数组求和 param **{Array}** arr-待处理数组 ##### demo ecDo.sumArr([1,2,3,4,5,6,7,8,9,0]) result: 45 ### 19.covArr ##### description ecDo.covArr(arr) description-数组求和 param **{Array}** arr-待处理数组 ##### demo ecDo.covArr([1,2,3,4,5,6,7,8,9,0]) result: 4.5 ### 20.randomOne ##### description ecDo.randomOne(arr) description-从数组中随机获取一个元素 param **{Array}** arr-待处理数组 ##### demo ecDo.randomOne(['a','b','c','d','e']) result: "c" ### 21.getEleCount ##### description ecDo.getEleCount(obj, ele) description-获取数组（字符串）一个元素出现的次数 param **{Array String}** obj-待处理数组（字符串） param **{String}** ele-要匹配的元素 ##### demo ecDo.getEleCount('asd56+asdasdwqe','a') result：3 ecDo.getEleCount([1,2,3,4,5,66,77,22,55,22],22) result：2 ### 22.getCount ##### description ecDo.getCount(arr, rank, ranktype) description-获取数组（字符串）所有元素的出现次数 param **{Array String}** obj-待处理数组（字符串） param **{Int}** rank-返回长度，默认为返回所有， param **{Int}** ranktype-排序方式（按照出现此处） 默认降序，0-降序 1-升序 ##### demo //返回所有情况 ecDo.getCount([1,2,3,1,2,5,2,4,1,2,6,2,1,3,2]) result：[{"el":"2","count":6},{"el":"1","count":4},{"el":"3","count":2},{"el":"4","count":1},{"el":"5","count":1},{"el":"6","count":1}] //传参（rank=3），只返回出现次数排序前三的 ecDo.getCount([1,2,3,1,2,5,2,4,1,2,6,2,1,3,2],3) result：[{"el":"2","count":6},{"el":"1","count":4},{"el":"3","count":2}] //传参（ranktype=1,rank=null），升序返回所有元素出现次数 ecDo.getCount([1,2,3,1,2,5,2,4,1,2,6,2,1,3,2],null,1) //result：[{"el":"6","count":1},{"el":"5","count":1},{"el":"4","count":1},{"el":"3","count":2},{"el":"1","count":4},{"el":"2","count":6}] //传参（rank=3，ranktype=1），只返回出现次数排序（升序）前三的 getCount([1,2,3,1,2,5,2,4,1,2,6,2,1,3,2],3,1) result：[{"el":"6","count":1},{"el":"5","count":1},{"el":"4","count":1}] ### 23.getArrayNum ##### description ecDo.getEleCount(obj, ele) description-得到n1-n2下标的数组 param **{Array}** obj-待处理数组 param **{int}** n1-开始下标 param **{int}** n2-结束下标（不能比n1小） ##### demo ecDo.getArrayNum([0,1,2,3,4,5,6,7,8,9],5,9) result：[5, 6, 7, 8, 9] ecDo.getArrayNum([0,1,2,3,4,5,6,7,8,9],2) //不传第二个参数,默认返回从n1到数组结束的元素 result：[2, 3, 4, 5, 6, 7, 8, 9] ### 24.removeArrayForValue ##### description ecDo.removeArrayForValue(arr, val, type) description-删除值为'val'的数组元素 param **{Array}** obj-待处理数组 param **{Sting}** val-要匹配的字符 param **{Sting}** type-匹配模式（%） ##### demo //带有'test'的都删除 ecDo.removeArrayForValue(['test','test1','test2','test','aaa'],'test','%') result：["aaa"] //数组元素的值全等于'test'才被删除 ecDo.removeArrayForValue(['test','test1','test2','test','aaa'],'test') result：["test1", "test2", "aaa"] ### 25.getOptionArray ##### description ecDo.getOptionArray(arr, keys) description-获取对象数组某些项 param **{Array}** obj-待处理数组 param **{Sting}** keys-要获取的值的属性，多个属性用','分割 ##### demo var arr=[{a:1,b:2,c:9},{a:2,b:3,c:5},{a:5,b:9},{a:4,b:2,c:5},{a:4,b:5,c:7}] ecDo.getOptionArray(arr,'a') result： [1, 2, 5, 4, 4] ecDo.getOptionArray(arr,'a,c') result：[{a: 1, c: 9},{a: 2, c: 5},{a: 5, c: undefined},{a: 4, c: 5},{a: 4, c: 7}] ### 26.filterOptionArray ##### description ecDo.filterOptionArray(arr, keys) description-过滤对象数组某些项 param **{Array}** arr-待处理数组 param **{Sting}** keys-要过滤的值的属性，多个属性用','分割 ##### demo var arr=[{a:1,b:2,c:9},{a:2,b:3,c:5},{a:5,b:9},{a:4,b:2,c:5},{a:4,b:5,c:7}] ecDo.filterOptionArray(arr,'a') result： [1, 2, 5, 4, 4] ecDo.filterOptionArray(arr,'a,c') result：[{b: 2},{b: 3},{b: 9},{b: 2},{b: 5}] ### 27.arraySort ##### description ecDo.arraySort(arr, sortText) description-对象数组的排序 param **{Array}** arr-待处理数组 param **{Sting}** sortText-排序字段，多个字段用','分割 ##### demo var arr=[{a:1,b:2,c:9},{a:2,b:3,c:5},{a:5,b:9},{a:4,b:2,c:5},{a:4,b:5,c:7}] //a是第一排序条件，b是第二排序条件 ecDo.arraySort(arr,'a,b') result：[{"a":1,"b":2,"c":9},{"a":2,"b":3,"c":5},{"a":4,"b":2,"c":5},{"a":4,"b":5,"c":7},{"a":5,"b":9}] ### 28.steamroller ##### description ecDo.steamroller(arr) description-数组扁平化 param **{Array}** arr-待处理数组 ##### demo ecDo.steamroller([1,2,[4,5,[1,23]]]) result：[1, 2, 4, 5, 1, 23] ### 29.getFontSize ##### description ecDo.getFontSize(_client) description-适配rem param **{Int}** _client-设计图宽度 ##### demo ecDo.getFontSize(750) ### 30.getEndTime ##### description ecDo.getEndTime(endTime) description-适配rem param **{String}** endTime-结束时间(需要正确的时间格式) ##### demo ecDo.getEndTime('2017/11/22 16:0:0') //目前时间是2017.11.6 17.14.55 result："剩余时间15天 22小时 46 分钟43 秒" ### 31.randomColor ##### description ecDo.getEndTime(endTime) description-生成随机颜色 ##### demo ecDo.randomColor() result："#491d82" ecDo.randomColor() result："#3e0683" ### 32.randomNumber ##### description ecDo.randomNumber(n1, n2) description-随机返回一个范围的数字 param **{Int}** n1-最小值 param **{Int}** n2-最大值 ##### demo //返回5-10的随机整数，包括5，10 ecDo.randomNumber(5,10) result：6 //返回0-10的随机整数，包括0，10 ecDo.randomNumber(10) result：7 ### 33.setUrlPrmt ##### description ecDo.setUrlPrmt(obj) description-设置url参数 param **{Object}** obj-需要设置的参数 ##### demo ecDo.setUrlPrmt({'a':1,'b':2}) result：a=1&b=2 ### 34.getUrlPrmt ##### description ecDo.getUrlPrmt(url) description-获取url参数 param **{String}** url-超链接 ##### demo ecDo.getUrlPrmt('github.com?draftId=122000011938') result：{draftId: "122000011938"} ### 35.getUrlPrmt ##### description ecDo.upDigit(n) description-现金额大写转换函数 param **{number}** n-金额数目 ##### demo ecDo.upDigit(10.5) result："人民币壹拾元伍角" ecDo.upDigit(168752632) result："人民币壹亿陆仟捌佰柒拾伍万贰仟陆佰叁拾贰元整" ecDoupDigit(1682) result："人民币壹仟陆佰捌拾贰元整" ecDo/upDigit(-1693) result："欠人民币壹仟陆佰玖拾叁元整" ### 36.filterParams ##### description ecDo.filterParams(obj) description-过滤对象里面值为null或者underfind的的属性underfind的属性 param **{Object}** obj-待处理对象 ##### demo ecDo.filterParams({a:"",b:null,c:"010",d:123}) result：{c: "010", d: 123} ### 37.istype ##### description ecDo.istype(o, type) description-数据类型判断 param **{Array|Object|String|Function|Number|Boolean|Undefined|Null|HTML}** o-待处理的对象 param **{String}** type-类型字符串 ##### demo ecDo.istype([],'array') result：true ecDo.istype([]) result：'[object Array]' ### 38.browserInfo ##### description ecDo.browserInfo(type) description-手机类型判断 param **{String}** type-类型字符串（android|iphone|ipad|weixin） ##### demo ecDo.browserInfo('android') result：是安卓就返回true，否则就false ecDo.browserInfo() result：返回手机浏览器的信息 ### 39.delayFn ##### description ecDo.delayFn(fn, delay, mustDelay) description-函数节流 param **{String}** fn-执行的函数 param **{Number}** delay-间隔时间 param **{Number}** mustDelay-最大间隔时间 ##### demo var count=0; function fn1(){ count++; console.log(count) } //每100ms连续触发的调用，后一个调用会把前一个调用的等待处理掉，但每隔200ms至少执行一次 document.onmousemove=delayFn(fn1,100,200) ### 40.setCookie ##### description ecDo.setCookie(name, value, iDay) description-设置cookie param **{String}** name-cookie名 param **{String}** value-cookie值 param **{Int}** iDay-时间（天数） ##### demo ecDo.setCookie('test', 'testcookie', 2) ### 41.getCookie ##### description ecDo.getCookie(name) description-获取cookie param **{String}** name-cookie名 ##### demo ecDo.getCookie('test') ### 42.removeCookie ##### description ecDo.removeCookie(name) description-删除cookie param **{String}** name-cookie名 ##### demo ecDo.removeCookie('test') ### 43.hasClass ##### description ecDo.hasClass(obj, classStr) description-检测对象是否有哪个类名 param **{Object}** obj-Dom对象 param **{String}** classStr-class名 ##### demo ecDo.classStr(obj,'test') result:true|false ### 44.addClass ##### description ecDo.addClass(obj, classStr) description-添加类名 param **{Object}** obj-Dom对象 param **{String}** classStr-class名 ##### demo ecDo.addClass(obj,'test') ### 45.removeClass ##### description ecDo.removeClass(obj, classStr) description-添加类名 param **{Object}** obj-Dom对象 param **{String}** classStr-class名 ##### demo ecDo.removeClass(obj,'test') ### 46.replaceClass ##### description ecDo.replaceClass(obj, newName, oldName) description-替换类名 param **{Object}** obj-Dom对象 param **{String}** newName-被替换的类名 param **{String}** oldName-替换的类名 ##### demo ecDo.replaceClass(obj,'test','afterClass') ### 47.siblings ##### description ecDo.siblings(obj, opt) description-获取兄弟节点 param **{Object}** obj-Dom对象 param **{String}** opt-过滤条件 ##### demo ecDo.siblings(obj,'#id') result：符合条件的Dom对象 ### 48.css ##### description ecDo.css(obj,json) description-设置样式 param **{Object}** obj-Dom对象 param **{Object}** json-样式名 #### demo ecDo.css(obj,{'width':'300px','height':'300px'}) ### 49.html ##### description ecDo.html(obj) ecDo.html(obj,str) description-设置或者获取对象的所有内容 param **{Object}** obj-Dom对象 param **{String}** str-html内容 ##### demo ecDo.html(obj) result：innerHTML ecDo.html(obj,'
1111
') ### 50.text ##### description ecDo.text(obj) ecDo.text(obj,str) description-设置或者获取对象的文本 param **{Object}** obj-Dom对象 param **{String}** str-内容(html标签将会被过滤) ##### demo ecDo.text(obj) result：innerHTML（过滤html标签） ecDo.text(obj,'1230.312asd') ### 51.show ##### description ecDo.show(obj) description-显示对象 param **{Object}** obj-Dom对象 ##### demo ecDo.show(obj) ### 52.hide ##### description ecDo.hide(obj) description-隐藏对象 param **{Object}** obj-Dom对象 ##### demo ecDo.hide(obj) ### 53.ajax ##### description ecDo.ajax(obj) description-ajax封装参数 param **{Object}** 对象参数 * @param {string}obj.type http连接的方式，包括POST和GET两种方式 * @param {string}obj.url 发送请求的url * @param {boolean}obj.async 是否为异步请求，true为异步的，false为同步的 * @param {object}obj.data 发送的参数，格式为对象类型 * @param {function}obj.success ajax发送并接收成功调用的回调函数 * @param {function}obj.error ajax发送失败或者接收失败调用的回调函数 ##### demo ecDo.ajax({ type:'get', url:'xxx', data:{ id:'111' }, success:function(res){ console.log(res) } }) ### 54.aftLoadImg ##### description ecDo.aftLoadImg(obj, url, errorUrl,cb) description-图片没加载出来时用一张图片代替 param **{Object}** obj-Dom对象 param **{String}** url-图片的url param **{String}** errorUrl-出错的图片的url param **{Function}** cb-回调函数,参数为obj ##### demo ecDo.aftLoadImg(oImgLoad[i], oImgLoad[i].dataset.src, _errorUrl,function(o){console.log(o)}); ### 55.loadImg ##### description ecDo.loadImg(className, num, errorUrl) description-图片滚动懒加载 param **{String}** className-遍历Dom带有的类名 param **{String}** num-图片的url param **{String}** errorUrl-出错的图片的url ##### demo //比如，一张图片距离文档顶部3000，num参数设置200，那么在页面滚动到2800的时候，图片加载。不传num参数就滚动，num默认是0，页面滚动到3000就加载 //html代码 //

//

//

.... //data-src储存src的数据，到需要加载的时候把data-src的值赋值给src属性，图片就会加载。 //详细可以查看testLoadImg.html window.onload = function() { ecDo.loadImg('load-img',100); window.onscroll = function() { ecDo. loadImg('load-img',100); } } ### 56.createKeyExp ##### description ecDo.createKeyExp(strArr) description-创建正则字符 param **{Array}** strArr-要创建的关键字 ##### demo ecDo.createKeyExp(['守候','开']) result：(前端|过来) ### 57.findKey ##### description ecDo.findKey(str, key, el) description-关键字加标签（高亮） param **{String}** str-待处理的字符串 param **{String}** key-关键字，多个关键字','分割 param **{String}** el-要添加的元素，html标签元素 默认span ##### demo ecDo.findKey('守侯我oaks接到了来自下次你离开快乐吉祥留在开城侯','守侯 开') result："守侯我oaks接到了来自下次你离开快乐吉祥留在开城侯" ecDo.findKey('守侯我oaks接到了来自下次你离开快乐吉祥留在开城侯','守侯 开','i') result："守侯我oaks接到了来自下次你离开快乐吉祥留在开城侯" ## LICENSE MIT