小伙伴们好,我就是前面试验室的老鱼！一名经验丰富的互联网技术游戏玩家，专注于共享大前端行业技术性、面试宝典、学习材料等 | 副业赚钱~
「前面试验室」专注于共享 Github、Gitee等开源项目高质量的前端项目、web前端、前端学习资源以及前面新闻资讯等各类有意思好用的前面具体内容。
每一个前端工程师工作人员都有各自的 utils 库, 这个方法大家高频率应用，但还得在各个项目中重新写过。
我要为大家介绍一款特小且好用的函数公式工具库:bbo
bbo是有别于比较常见的工具库的，例如lodash、underscore、lazy.js等。它特点就是：高频率应用。
介绍
bbo新项目汇总了日常设计中常用作用。这个功能在你的设计中基本上无所不在，而且在热门的函数公式工具库中找不着。
大部分编码是来自于stackoverflow.com 网址里的高分数回答(在这里，向初始创作者表明you'zhong尊敬)。项目 gzip 缩小下仅有 7K, 因此你随时随地都可以应用。
API概述
这儿来给大家贴一张函数公式作用明细。
根据方法名可以直接意会出函数的作用。函数公式的种类也挺清楚明白。仔细核对了一下，90% 的函数公式都是在平时上班中常会使用。
安装及应用
应用 npm 组装
npm install bbo--save
直接把 js 应用到电脑浏览器中
中国客户可以直接用此cdn
<scriptsrc="https://mat1.gtimg.com/www/js/libs/bbo.min.js"/>
或是下载到当地引入。
<scriptsrc="bbo.min.js"type="text/javascript"></script>
这儿来给大家举几个例子：
bbo.numberFormat(1234.56,2,',','');//=>'1234,56';
bbo.split([1,2,3,4,5],2);//=>[[1,2],[3,4],[5]]
bbo.entries({c:8,a:4});//=>[['c',8],['a',4]]
bbo.get({a:{aa:{aaa:2}},b:4},"a.aa.aaa");//=>2
bbo.union([1,2,3],[4,3,2]);//=>[1,2,3,4]
bbo.intersect([1,2,3],[4,3,2]);//=>[2,3]
bbo.unionBy([2.1],[1.2,2.3],Math.floor);//[2.1,1.2]
bbo.mapValues({a:3,b:5,c:9},(value)=>value 1);//=>{a:4,b:6,c:10}
bbo.compact([0,1,false,2,"",3]);//[1,2,3]
bbo.flush({a:2,b:null,c:4,d:undefined});//=>{a:2,c:4}
bbo.differenceBy([2.1,1.2],[2.3,3.4],Math.floor);//=>[1]
bbo.search("3",{a:3,b:5,c:7});//=>'a'
bbo.size({a:1,b:2});//=>2
varusers=[{user:"barney",age:36,active:true},{user:"fred",age:40,active:false},];
bbo.find(users,{age:1,active:true});//=>{"active":true,"age":36,"user":"barney"}
bbo.findIndex(users,["active",false]);//=>1
再来说说链式调用。
vararray1=[1,2,3,null];
vararray2=[3,4,5,''];
varobject1={a:6,b:7};
varobject2={c:8,d:9};
bbo
.chain(object1)
.extend(object2)//=>{a:6,b:7,c:8,d:9}
.entries()//=>[["a",6],["b",7],["c",8],["d",9]]
.thru((words)=>{
consttemp=[];
bbo.forEach(words,(item,index)=>{
temp.push(item[1]);
});
return temp;
})//=>[6,7,8,9]
.union(array1)//=>[6,7,8,9,1,2,3,null]
.union(array2)//=>[6,7,8,9,1,2,3,null,4,5,""]
.compact()//=>[6,7,8,9,1,2,3,4,5]
.thru((array)=>{
return array.sort();
})//=>[1,2,3,4,5,6,7,8,9]
.value();
//return=>[1,2,3,4,5,6,7,8,9]
更多函数公式性能和事例，你们可以参考下边链接。
官方网详细地址
tnfe.github.io/bbo/
结语
我就是前面试验室的老鱼！一名经验丰富的互联网技术游戏玩家，专注于共享大前端行业技术性、面试宝典、学习材料、第二职业等~
喜欢的小伙伴，点赞收藏支持一下，欢迎大家沟通交流~
启AdminJS成长之路！这个是我参加「AdminJS · 2 月更文考验」第 14 天，查看更多活动规则