删除对象中值为 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 }