简化一段javascript代码

用户3158888

发布于 2019-05-28 14:43:31

6030

发布于 2019-05-28 14:43:31

在实际的项目中，我们经常会有如下的需求：从一个map中获取某key的值，如果发现对应的key的值为null，则为该key创建一个值(一般为初始值)，然后把这个值存回到map中，代码如下：

var value = map[key];
if(value == null){
        value = "";
        map[key] = value;
}

但是总感觉这段代码很恶心，为啥，太啰嗦，太长。实际项目中，这种操作会技巧多，如果到处都是这种操作的话，就很让人崩溃。坏蛋必须死。

首先，value = "" 和 map[key] = value这两行没必要写成两行，都是赋值，应此可以这样优化：

var value = map[key];
if(value == null){
        value = map[key]  = "";
}

如果把if判断，改成三元运算符，可以减少代码，如下：

var value = map[key];
 value   = (value == null) ?( map[key]  = "") : value;

如果用 || 符号，看起来更加方便：

var value = map[key];
 value   = value || (map[key] = "");

当然，这两行代码，最终可以合并成如下代码：

  var value = map[key]  || (map[key] = "");

至此完成，最终5行代码简化成一行代码。

拿这个问题问公司的小伙伴，下面是另外一种答案：

var value = map[key] = map[key]  ||  ""

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

登录后参与评论

0 条评论

热度