使用Lodash链式调用简化代码

2018-09-23  本文已影响0人  MonkeyDwwl

获取到的数据:

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

前端展示需要的格式:

分类分组的格式

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


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

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

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


链式调用

小结

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

上一篇 下一篇

猜你喜欢

热点阅读