当前位置: 首页 > Web前端 > HTML5

数组方法封装-代码复用增强

时间:2023-04-05 23:13:59 HTML5

前言在写JavaScript代码的时候,有一些数组的方法,可能涉及到很多页面,然后每次都要写一堆代码。长此以往,代码会很复杂。是时候来一波封装了。话不多说,开始写漂亮的代码吧。代码已经上传到github。如有需要欢迎star(https://github.com/Xieguoiang...)。关于数组一些方法的封装1.数组去重`上面提到的Set的封装`//ES6新的Set数据结构类似于数组,但是里面的元素是唯一的,它的构造函数可以接受一个Array作为参数//ES6中Array新增了一个静态方法from,可以将类数组对象转换为数组//方法2newfunctionremoveRepeatArray(arr){returnArray.from(newSet(arr))}2.数组的顺序被打乱functionupsetArr(arr){returnarr.sort(function(){returnMath.random()-0.5});}3.数组的最大值和最小值//的封装此块主要针对数字类型数组functionmaxArr(arr){returnMath.max.apply(null,arr);}functionminArr(arr){returnMath.min.apply(null,arr);}4数组求和,这个block的平均值封装,主要是计算数值类型数组的总价。计算总价是很常见的。求和函数sumArr(arr){varsumText=0;for(vari=0,len=arr.length;i=0){d=Math.floor(t/1000/3600/24);h=Math.floor(t/1000/60/60%24);m=Math.floor(t/1000/60%60);s=Math.floor(t/1000%60);}return"剩余时间"+d+"天"+h+"小时"+m+"分"+s+"秒";}如果你想要更多你认为`更有用的功能`的包,欢迎留言/我们一起共同进步。结语本文列举了一些常用的JS方法封装,代码杂是前端的一大弊端,希望大家一起学习思路,一起封装,一起完善goTo——欢迎进群Q614569041前端方向