删除对象中值为 null 或者 undefined 的属性

20,761次阅读
没有评论

共计 671 个字符,预计需要花费 2 分钟才能阅读完成。

针对对象属性的操作,往往用到遍历。如何遍历对象的所有属性,有一种方法是 Object.entries(obj) 将属性名添加到一个数组中,然后来操作数组。

第一种方法

const removeNullUndefined = (obj) => 
    Object.entries(obj).reduce((a, [k, v]) => (v == null ? a : ((a[k] = v), a)), {});

这里用到了数组的 reduce 方法,除了常用的求和以外,还可以作为遍历时生成新的数组或者对象。reduce 里的回调返回的是一个对象。

第二种方法

const removeNullUndefined = (obj) =>
    Object.entries(obj)
        .filter(([_, v]) => v != null)
        .reduce((acc, [k, v]) => ({ ...acc, [k]: v }), {});

较第一种方法,利用 Object.entries(obj) 将属性转化为数组后,通过 filter 方法做了一层过滤

第三种方法

const removeNullUndefined = (obj) => 
    Object.fromEntries(Object.entries(obj).filter(([_, v]) => v != null));

这种方法比较新奇,通过正反转化,先将对象转化为键值对数组,通过 filter 进行一轮过滤后再反转回来。这也是我第一次见到有 Object.fromEntries 这个东西。

举栗子:

removeNullUndefined({
    foo: null,
    bar: undefined,
    fuzz: 42,
}); 

    正文完
     0
    Yojack
    版权声明:本篇文章由 Yojack 于1970-01-01发表,共计671字。
    转载说明:
    1 本网站名称:优杰开发笔记
    2 本站永久网址:https://yojack.cn
    3 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
    4 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
    5 本站所有内容均可转载及分享, 但请注明出处
    6 我们始终尊重原创作者的版权,所有文章在发布时,均尽可能注明出处与作者。
    7 站长邮箱:laylwenl@gmail.com
    评论(没有评论)