开发用到的js封装方法(20种)

1、判断是否是一个数组

function isArray(arr){ return Object.prototype.toString.call(arr) ==='[object Array]'; } isArray([1,2,3]) //true

2、判断是否是一个函数(三种)

function isFunction(fn) { return Object.prototype.toString.call(fn) ==='[object Function]'; return fn.constructor == Function; return fn instanceof Function; return typeof (fn) == Function; }

3、数组去重,只考虑数组中元素为数字或者字符串

function newarr(arr){ var arrs = []; for(var i =0;i<arr.length;i++){ if(arrs.indexOf(arr[i])== -1){ arrs.push(arr[i]) } } return arrs; }

4、动态去重

var arr = [1,2, 3, 4]; function add() { var newarr = []; $('.addEle').click(() => { var rnd = Math.ceil(Math.random() * 10); newarr.push(rnd) for (var i =0; i < newarr.length; i++) { if (arr.indexOf(newarr[i]) == -1) { arr.push(newarr[i]) arr.sort(function (a, b) { return b - a //降序 }); } } console.log(arr)//[1,2,3,4,5,6,7,8,9] }) } add()

5、去除字符串空格(包含三种情况)

function trim(str) { return str.replace(/^[" "||" "]*/,"").replace(/[" "|" "]*$/,"");// 去除头和尾 return str.replace(/\s/g,'');//去除所有空格 return str.replace(/(\s*$)/g,"");//去除右边所有空格 }

6、判断是否为邮箱地址

function isEmail(emailStr) { var reg = /^[a-zA-Z0-9]+([._-]*[a-zA-Z0-9]*)*@[a-zA-Z0-9]+.[a-zA-Z0-9{2,5}$]/; var result = reg.test(emailStr); if (result) { alert("ok"); } else { alert("error"); } }

7、判断是否是手机号

function isMobilePhone(phone) { var reg = /^1\d{10}$/; if (reg.test(phone)) { alert('ok'); } else { alert('error'); } }

8、获取一个对象里面第一次元素的数量

function getObjectLength(obj){ var i=0; for( var attrin obj){ if(obj.hasOwnProperty(attr)){ i++; } } console.log(i); } var obj = {name:'kob',age:20}; getObjectLength(obj) //2

9、获取元素相对于浏览器窗口的位置,返回一个{x,y}对象

function getPosition(element) { var offsety = 0; offsety += element.offsetTop; var offsetx = 0; offsetx += element.offsetLeft; if (element.offsetParent != null) { getPosition(element.offsetParent); } return { Left: offsetx, Top: offsety }; }

10、判断某个字母在字符串中出现的次数

var str = 'To be, or not to be, that is the question.'; var count = 0; var pos = str.indexOf('e'); while (pos !== -1) { count++; pos = str.indexOf('e', pos + 1); } console.log(count) //4

11、计算出数组中出现次数最多的元素

var arrayObj = [1,1, 2, 3, 3, 3,4, 5, 5]; var tepm = '',count =0; var newarr = new Array(); for(var i=0;i<arrayObj.length;i++){ if (arrayObj[i] != -1) { temp = arrayObj[i]; } for(var j=0;j<arrayObj.length;j++){ if (temp == arrayObj[j]) { count++; arrayObj[j] = -1; } } newarr.push(temp + ":" + count); count = 0; } for(var i=0;i<newarr.length;i++){   console.log(newarr[i]); }

12、数组filter(搜索功能)

var fruits = ['apple','banana', 'grapes','mango', 'orange']; function filterItems(query) { return fruits.filter(function(el) { return el.toLowerCase().indexOf(query.toLowerCase()) > -1; }) } console.log(filterItems('ap')); // ['apple', 'grapes']

13、copy 对象(第一种)

//第一种 var cloneObj =function(obj) { var newObj = {}; if (obj instanceof Array) { newObj = []; } for (var keyin obj) { var val = obj[key]; newObj[key] = typeof val === 'object' ? cloneObj(val) : val; } return newObj; }; //第二种 function clone(origin , target){ var target = target || {}; for(var propin origin){ target[prop] = origin[prop]; } return target; } 

14、深度克隆

var newObj ={}; function deepClone(origin,target){ var target = target || {}, toStr = Object.prototype.toString, arrStr = "[object Array]"; for(var propin origin){ if(origin.hasOwnProperty(prop)){ if(origin[prop] != "null" && typeof(origin[prop]) == 'object'){//判断原型链 target[prop] = (toStr.call(origin[prop]) == arrStr) ? [] : {}//判断obj的key是否是数组 deepClone(origin[prop],target[prop]);//递归的方式 }else{ target[prop] = origin[prop]; } } } return target } deepClone(obj,newObj); console.log(newObj)

15、求数组最大值和最小值

Array.prototype.max = function(){ return Math.max.apply({},this) } Array.prototype.min = function(){ return Math.min.apply({},this) } console.log([1,5,2].max())

16、json数组去重

function UniquePay(paylist){ var payArr = [paylist[0]]; for(var i =1; i < paylist.length; i++){ var payItem = paylist[i]; var repeat = false; for (var j =0; j < payArr.length; j++) { if (payItem.name == payArr[j].name) { repeat = true; break; } } if (!repeat) { payArr.push(payItem); } } return payArr; } 

17、对比两个数组,取出交集

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/923f5f6bbf6fdf6de690c9def2a4eff2.html