· 栗子入手
假设有以下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核心模块
- system(v1.0.2):基础功能,如“扩展”、“异常”等实现。
- collections(v1.0.2):对“List<T>”、“Dictionary<TKey, TValue>”等功能实现。
- threading(v1.0.2):对线程相关操作的实现。
- docs(实现中):FishFX文档实现,采用VuePress构建。
- text(计划中):对文本操作的实现。
- reflection(计划中):反射相关实现。
- 更多系列模块计划中。
现在的FishFX还处于襁褓中的婴儿,还请各位大神温柔对待。后期将不定期对FishFX中所有功能进行逐一介绍。
github:https://github.com/cn-troy/fishfx
npm:https://www.npmjs.com/package/fishfx
联系作者:
抖音(计划中): 微信:
请发表评论