使用Lodash链式调用简化代码

获取到的数据:

[
    {
        "name": "中国大陆",
        "code": "CN",
        "prefix": "+86"
    },
    {
        "name": "澳大利亚",
        "code": "AU",
        "prefix": "+61"
    },
    {
        "name": "巴西",
        "code": "BR",
        "prefix": "+55"
    }
    ...
]

前端展示需要的格式:

分类分组的格式

最开始的写法,简单说就是:for循环嵌套


辅助方法,获得国家首字母数组
分类排序方法

重构该方法,使用lodash的链式调用,简化了代码量

前面那么长的代码最后只要下面这个方法就实现了同样的结果,而且连辅助方法也直接不需要了~


链式调用

小结

Lodash的熟悉并使用可以对代码的优化和质量都会有很大的提升。可能会有人说链式调用的写法会使代码的可读性降低,但是反过来想如果这种写法推广起来,也就不存在这个问题。况且,Lodash目前已经地位很稳了,已经说明了它的价值,所以,提升自己的能力才是首要的,我会继续学习并使用Lodash在我的工作中~nice😈

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,382评论 25 709
  • 用两张图告诉你,为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料? 从这篇文章中你...
    hw1212阅读 14,472评论 2 59
  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AI阅读 16,040评论 3 119
  • 1. insight If you gain insight or an insight into complex...
    什锦饭阅读 1,131评论 0 0
  • 身边的很多人,包括自己,不管在生活,亦或是工作中,都习惯了当老好人。不管谁,有事请求帮忙,即使这个忙帮与否都不会有...
    一路折腾阅读 2,454评论 0 1