从Typescript中的对象删除空属性

uqzxnwby  于 2023-02-10  发布在  TypeScript
关注(0)|答案(2)|浏览(268)

作为参考Remove blank attributes from an Object in Javascript,如何使其兼容Typescript?
JS函数(* 嵌套对象|ES10*):

function removeEmpty(obj) {
  return Object.fromEntries(
    Object.entries(obj)
      .filter(([_, v]) => v != null)
      .map(([k, v]) => [k, v === Object(v) ? removeEmpty(v) : v])
  );
}

我尝试过使用Exclude<T, null>,但它不适用于嵌套对象,我认为它不是正确的实用程序。
注意,返回的类型应该移除null类型,但保留undefined
示例/预期行为:

type TestType = {
  a?: {
    b?: {
      c: string;
    } | null;
    z?: {
      x: string;
    };
  } | null;
};

const testObj: TestType = {
  a: {
    b: null,
    z: { x: 'Hi' }
  }
};

const resultObj = removeEmpty(testObj);

其中resultObj类型类似于:

type ResultTestTypeExample = {
  a?: {
    b?: {
      c: string;
    };
    z?: {
      x: string;
    };
  };
};
r8uurelv

r8uurelv1#

这对你有用吗?

type ExpandRecursively<T> = T extends object
  ? T extends infer O ? { [K in keyof O]: ExpandRecursively<O[K]> } : never
  : T;

type RemoveNull<T> = ExpandRecursively<{ [K in keyof T]: Exclude<RemoveNull<T[K]>, null> }>

用法:

function removeEmpty<T>(obj: T): RemoveNull<T> {
  return Object.fromEntries(
    Object.entries(obj)
      .filter(([_, v]) => v != null)
      .map(([k, v]) => [k, v === Object(v) ? removeEmpty(v) : v])
  ) as RemoveNull<T>
}

Playground

afdcj2ne

afdcj2ne2#

export function removeNull<T>(obj: T | any) {
  Object.keys(obj).forEach((key) => {
    if (obj[key] && typeof obj[key] === 'object') removeNull(obj[key])
    else if (obj[key] == null) delete obj[key]
  })
  return obj
}

你可以用它移除空元素,也可以给你的类型赋予它将移除所有嵌套对象的属性

相关问题