美文网首页
使用Lodash链式调用简化代码

使用Lodash链式调用简化代码

作者: MonkeyDwwl | 来源:发表于2018-09-23 00:48 被阅读0次

    获取到的数据:

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

    前端展示需要的格式:

    分类分组的格式

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


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

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

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


    链式调用

    小结

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

    相关文章

      网友评论

          本文标题:使用Lodash链式调用简化代码

          本文链接:https://www.haomeiwen.com/subject/wzkfoftx.html