之前用过波及到 object path 的一些 package ,然而发现这些 packages 的类型反对不是特地欠缺,比方 lodash, react-hook-form, formik, mongodb client 等。

这些 packages ,或多或少存在的几个问题是:

  • 没有类型束缚,不能提供代码主动实现;
  • 生成的 path 不是规范的,大部分只反对 'a.b.c' 这种,这种 path 有一些毛病,与其余 package 不对立(例如 yup ),不能辨别 object/array ,大部分都是判断如果是数字就当成数组解决,然而理论可能是 number key 的 object ;
  • 不能通过 path 反推出对应的类型。

因为我在写 react-happy-form 这个开源我的项目的时候,对 object path 这块需要比拟高,所以就本人独自写了 object-standard-path 这个 package:

  • 提供了十分欠缺的类型反对(包含对一些非凡类型 any, Map 等的解决);
  • 生成的是规范的 path ;
  • 反对应用 path 对类型进行反推。

应用起来也非常简单,没有任何依赖,1k 不到的包体积,如果有需要的话,大家能够试试 :)

Repo 地址: https://github.com/react-earth/object-standard-path

能够的话,能够小点个 star ,每个 star 都是我当前继续更新的能源,感激!

import { Path, PathValue, pathGet, pathSet } from 'object-standard-path';type Test = {  value: string;  array: {    value: string;  }[];};type TestPath = Path<Test>;// result: "value" | "array" | `array[${number}]` | `array[${number}].value`type TestPathValue = PathValue<Test, 'array[0]'>;// result: { value: string }const object = {  array: [    {      value: 1,    },  ],};const result = pathGet(object, 'array[0].value');// result: 1pathSet(object, 'array[0].value', 2);// result: { array: [{ value: 2 }] }