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

针对对象属性的操作,往往用到遍历。如何遍历对象的所有属性,有一种方法是 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,
}); // { fuzz: 42 }

评论

这篇文章目前有 2 条评论

最会淘进行回复 取消回复

电子邮件地址不会被公开。 必填项已用*标注

Sidebar