• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

【FishFX】花式撩骚,打造TypeScript易用框架。

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

· 栗子入手

假设有以下foo数组,数组中每个对象都拥有id,name两个属性,现在需要查找id > 0的对象数量。

const foo: Array<{ id: number, name: string }> = [{
  id: 1,
  name: "cn.troy"
}, {
  id: 2,
  name: "鱼摆摆"
}];

使用for?

let count: number = 0;
for (let i = 0; i < foo.length; i++) {
  if (foo[i].id > 0) {
    count++;
  }
}

使用forEach?

let count: number = 0;
foo.forEach((item)=>{
  if(item.id > 0){
    count++;
  }
});

使用filter?

const count: number = foo.filter(k => k.id > 0).length;

 

使用FishFX!!!

const count: number = foo.f_count(k => k.id > 0);

又比如我要查找一个数组中,某一个范围的所有对象。

const arr: Array<any> = foo.f_where(k => k.id > 5 && k.id < 10);

或者对数据进行验证,看是否所有对象都满足条件等等。

const isAll: boolean = foo.f_all(k => k.id !== 0);

 

看到这里,有同学肯定会问,你这些方法在ES6中都已经实现了啊,比如 array.filter、array.find等等。这框架的意义又是什么呢?

因为我们的核心理念!!!同时FishFX不仅仅只是array扩展而已,后续也将不断提供更多、更优质的算法封装。

 

· Fish Framework(简称:FishFX,中文名:鱼摆摆)

FishFX 框架是采用 TypeScript(version:3.8.3)现有体系标准,对平时编码时的一些常用功能进行封装,主要思想参考 CoreFX 进行构建。

我们的核心理念是:“致力于让 TypeScript 拥有如同编写 C# 般的丝滑。”

 

· FishFX核心模块

  1. system(v1.0.2):基础功能,如“扩展”、“异常”等实现。
  2. collections(v1.0.2):对“List<T>”、“Dictionary<TKey, TValue>”等功能实现
  3. threading(v1.0.2):对线程相关操作的实现。
  4. docs(实现中):FishFX文档实现,采用VuePress构建。
  5. text(计划中):对文本操作的实现。
  6. reflection(计划中):反射相关实现。
  7. 更多系列模块计划中。

 

现在的FishFX还处于襁褓中的婴儿,还请各位大神温柔对待。后期将不定期对FishFX中所有功能进行逐一介绍。

github:https://github.com/cn-troy/fishfx

npm:https://www.npmjs.com/package/fishfx

 

联系作者:

抖音(计划中):                                                                 微信:

         

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap