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