Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Safely get and set deep nested properties using dot notation.

License

Notifications You must be signed in to change notification settings

g-makarov/dot-path-value

Repository files navigation

dot-path-value

Safely get and set deep nested properties using dot notation.

npm version npm downloads npm minified bundle size npm gzip minified bundle size npm gzip minified bundle size

Features

  • TypeScript first 🤙
  • Support arrays
  • Tiny
  • No dependencies
  • Utility types Path and PathValue

If you find this library useful, why not

Buy Me A Coffee

Installation

# using npm
npm install dot-path-value
# using pnpm
pnpm install dot-path-value
# using yarn
yarn add dot-path-value

Usage

import { getByPath, setByPath } from 'dot-path-value';

const obj = {
  a: {
    b: 'hello',
    d: [
      {
        e: 'world',
      }
    ],
  },
};

// access through object
getByPath(obj, 'a.b'); // outputs 'hello' with type `string`

// access through array
getByPath(obj, 'a.d.0.e'); // outputs 'world' with type `string`
getByPath(obj, 'a.d.0'); // outputs '{ e: 'world' }' with type `{ e: string }`

// also you can pass array as first argument
getByPath([{ a: 1 }], '0.a'); // outputs '1' with type `number`

// typescript errors
getByPath(obj, 'a.b.c'); // `c` property does not exist


// set a property through an object
setByPath(obj, 'a.b', 'hello there');

Types

dot-path-value exports a few types to ensure the type safety:

Type Description
Path<T> converts nested structure T into a string representation of the paths to its properties
PathValue<T, TPath> returns the type of the value at the specified path

Types usage

import { Path, PathValue } from 'dot-path-value';

const obj = {
  a: {
    b: 'hello',
    d: [
      {
        e: 'world',
      }
    ],
  },
};

type Foo = Path<typeof obj>; // 'a.d' | 'a' | 'a.b' | `a.d.${number}` | `a.d.${number}.e`
type Bar = PathValue<typeof obj, 'a.b'>; // 'string'