UNPKG

expand-value

Version:

Get deeply nested values from an object, like dot-prop and get-value, but with support for advanced features like bracket-notation and more.

585 lines (381 loc) 16.6 kB
# expand-value [![NPM version](https://img.shields.io/npm/v/expand-value.svg?style=flat)](https://www.npmjs.com/package/expand-value) [![NPM monthly downloads](https://img.shields.io/npm/dm/expand-value.svg?style=flat)](https://npmjs.org/package/expand-value) [![NPM total downloads](https://img.shields.io/npm/dt/expand-value.svg?style=flat)](https://npmjs.org/package/expand-value) [![GitHub Workflow Status](https://github.com/jonschlinkert/expand-value/actions/workflows/test.yml/badge.svg)](https://github.com/jonschlinkert/expand-value/actions/workflows/test.yml) > Get deeply nested values from an object, like dot-prop and get-value, but with support for advanced features like bracket-notation and more. Please consider following this project's author, [Jon Schlinkert](https://github.com/jonschlinkert), and consider starring the project to show your :heart: and support. ## Install Install with [npm](https://www.npmjs.com/): ```sh $ npm install --save expand-value ``` Please consider following this project's author, [Jon Schlinkert](https://github.com/jonschlinkert), and consider starring the project to show your :heart: and support. ## Usage Similar to [get-value](https://github.com/jonschlinkert/get-value) and [dot-prop](https://github.com/sindresorhus/dot-prop) (and passes all of the `get-value` unit tests), but supports more complex expressions for accessing deeply nested properties. For example, this library is used by [Dry](https://github.com/jonschlinkert/dry) for resolving values in expressions in user-defined templates. ## expand Examples for using the main export (the `expand` function). ### Basic Property Access Access nested properties using dot notation. ```ts import expand from 'expand-value'; const data = { user: { name: 'Brian', username: 'doowb' }, key: 'username' }; console.log(expand(data, 'user.name')); //=> 'Brian' console.log(expand(data, 'user.username')); //=> 'doowb' ``` ### Bracket Notation Access properties using bracket notation with string keys. ```ts import expand from 'expand-value'; const data = { user: { name: 'Brian', username: 'doowb' }, key: 'username' }; console.log(expand(data, 'user["name"]')); //=> 'Brian' console.log(expand(data, 'user["username"]')); //=> 'doowb' ``` ### Computed Property Access Use bracket notation with variables to access properties dynamically. ```ts import expand from 'expand-value'; const data = { user: { name: 'Brian', username: 'doowb' }, key: 'username' }; console.log(expand(data, 'user[key]')); //=> 'doowb' ``` Get array values using computed property names. ```ts import expand from 'expand-value'; const data = { items: ['apple', 'banana', 'cherry'], index: 2 }; console.log(expand(data, 'items[index]')); //=> 'cherry' ``` ### Mixed Notation Combine dot notation and bracket notation in the same path. ```ts import expand from 'expand-value'; const data = { foo: { bar: { baz: 'correct' } } }; console.log(expand(data, 'foo["bar"].baz')); //=> 'correct' ``` ### Array Index Access Access array elements using numeric indices. ```ts import expand from 'expand-value'; const data = { items: ['first', 'second', 'third'] }; console.log(expand(data, 'items[0]')); //=> 'first' console.log(expand(data, 'items[1]')); //=> 'second' console.log(expand(data, 'items.2')); //=> 'third' ``` Access array elements using basic math expressions. ```ts import expand from 'expand-value'; const data = { items: ['first', 'second', 'third', 'fourth'] }; console.log(expand(data, 'items[items.length - 1]')); //=> 'fourth' console.log(expand(data, 'items[1 + 1]')); //=> 'third' ``` ### Negative Array Indices Access array elements from the end using negative indices. ```ts import expand from 'expand-value'; const data = { items: ['first', 'second', 'third'] }; console.log(expand(data, 'items[-1]')); //=> 'third' console.log(expand(data, 'items[-2]')); //=> 'second' ``` ### Special Number Values Handle special JavaScript number values like NaN and Infinity. ```ts import expand from 'expand-value'; const data = { 'NaN': 'not a number', 'Infinity': 'infinite', '-Infinity': 'negative infinite', '-0': 'negative zero' }; console.log(expand(data, 'NaN')); //=> 'not a number' console.log(expand(data, 'Infinity')); //=> 'infinite' console.log(expand(data, '-Infinity')); //=> 'negative infinite' console.log(expand(data, '-0')); //=> 'negative zero' ``` ### Symbol Properties Access properties defined with Symbol keys. ```ts import expand from 'expand-value'; const symbolKey = Symbol('mySymbol'); const data = { [symbolKey]: 'symbol value' }; console.log(expand(data, 'Symbol(mySymbol)')); //=> 'symbol value' ``` ### Escaped Characters Handle escaped characters in property names. ```ts import expand from 'expand-value'; const data = { 'prop.with.dots': 'escaped value' }; console.log(expand(data, 'prop\\.with\\.dots')); //=> 'escaped value' ``` ### Function Properties Execute functions found in the property path. ```ts import expand from 'expand-value'; const data = { user: { getName: () => { return 'Brian'; }, context: 'user object' } }; console.log(expand(data, 'user.getName')); //=> 'Brian' ``` ### Helper Functions Use custom helper functions to process values. ```ts import expand from 'expand-value'; const data = { items: ['apple', 'banana', 'cherry'] }; const options = { helpers: { first: arr => (Array.isArray(arr) ? arr[0] : arr), last: arr => (Array.isArray(arr) ? arr[arr.length - 1] : arr) } }; console.log(expand(data, 'items.first', options)); //=> 'apple' console.log(expand(data, 'items.last', options)); //=> 'cherry' ``` ### Fallback Values Provide fallback values when properties don't exist. ```ts import expand from 'expand-value'; const data = { user: { name: 'Brian' } }; console.log(expand(data, 'user.missing', 'default value')); //=> 'default value' console.log(expand(data, 'user.missing', { default: 'fallback' })); //=> 'fallback' ``` ### Strict Mode Enable strict mode to throw errors for undefined variables. ```ts import expand from 'expand-value'; const data = { user: { name: 'Brian' } }; try { expand(data, 'user.missing', { strict: true }); } catch (error) { console.log(error.message); //=> 'Variable is undefined: "missing"' } ``` ### Custom Separators Use custom separators instead of dots for property access. ```ts import expand from 'expand-value'; const data = { user: { profile: { email: 'brian@example.com' } } }; console.log(expand(data, 'user->profile->email', { separator: '->' })); //=> 'brian@example.com' ``` ### Property Validation Use custom validation to control which properties can be accessed. ```ts import expand from 'expand-value'; const data = { public: { info: 'accessible' }, private: { secret: 'hidden' } }; const options = { isValid: (key, obj) => !key.startsWith('private') }; console.log(expand(data, 'public.info', options)); //=> 'accessible' console.log(expand(data, 'private.secret', options)); //=> undefined ``` ### Range Expressions Use parentheses with range expressions for complex operations. ```ts import expand from 'expand-value'; const data = { items: ['a', 'b', 'c', 'd', 'e'] }; console.log(expand(data, 'items[1..3]')); //=> ['b', 'c', 'd'] ``` ### Quoted Property Names Access properties with spaces or special characters using quoted strings. ```ts import expand from 'expand-value'; const data = { 'property with spaces': 'value', 'special-chars!': 'works' }; console.log(expand(data, '"property with spaces"')); //=> 'value' console.log(expand(data, "'special-chars!'")); //=> 'works' ``` ### Chained Property Resolution Resolve complex property chains with multiple levels of nesting. ```ts import expand from 'expand-value'; const data = { config: { theme: 'dark' }, themes: { dark: { background: 'black', text: 'white' }, light: { background: 'white', text: 'black' } }, setting: 'theme' }; console.log(expand(data, 'themes[config[setting]].background')); //=> 'black' ``` ## .parse ```ts import { parse } from 'expand-value'; const { ast } = parse('a.b.c'); console.log(ast); // results in { type: 'root', nodes: [ { type: 'ident', value: 'a' }, { type: 'separator', value: '.' }, { type: 'ident', value: 'b' }, { type: 'separator', value: '.' }, { type: 'ident', value: 'c' } ] } ``` ## Async expand Use the async export to resolve promise-backed values while walking a path. ```ts import expand from 'expand-value/async'; const data = { config: Promise.resolve({ theme: 'dark' }), themes: Promise.resolve({ dark: Promise.resolve({ background: 'black', text: 'white' }), light: Promise.resolve({ background: 'white', text: 'black' }) }), setting: Promise.resolve('theme') }; console.log(await expand(data, 'setting')); //=> 'theme' console.log(await expand(data, 'config[setting]')); //=> 'dark' console.log(await expand(data, 'themes[config[setting]].background')); //=> 'black' console.log(await expand(data, 'themes[config[setting]].text')); //=> 'white' ``` ## Options ### default **Type**: `any` **Default**: `undefined` Value to return when the property cannot be resolved. A non-object third argument is treated as the default value. ```ts console.log(expand({ user: {} }, 'user.name', { default: 'Anonymous' })); //=> 'Anonymous' console.log(expand({ user: {} }, 'user.name', 'Anonymous')); //=> 'Anonymous' ``` ### fallback **Type**: `any` **Default**: `undefined` Alias for `default`. When both options are defined, `default` takes precedence. ```ts console.log(expand({ user: {} }, 'user.name', { fallback: 'Anonymous' })); //=> 'Anonymous' ``` ### helpers **Type**: `Record<string, Function>` **Default**: built-in helpers Define functions that transform the current value when a matching property cannot be resolved. Custom helpers are merged with the built-in helpers when expressions are compiled, and may override them. ```ts const options = { helpers: { uppercase: value => String(value).toUpperCase() } }; console.log(expand({ user: { name: 'Brian' } }, 'user.name.uppercase', options)); //=> 'BRIAN' ``` The async export awaits helper results. ### isValid **Type**: `(key, object) => boolean` **Default**: `undefined` Function called before a property is accessed. Return `false` to prevent access and return the fallback value. For safety, `__proto__`, `constructor`, and `prototype` are always rejected. ```ts const options = { isValid: (key, object) => !String(key).startsWith('_') }; console.log(expand({ public: 'yes', _private: 'no' }, 'public', options)); //=> 'yes' console.log(expand({ public: 'yes', _private: 'no' }, '_private', options)); //=> undefined ``` ### newlines **Type**: `boolean` **Default**: `true` Set to `false` to omit newline nodes from the token stream and AST returned by `parse`. ```ts const { tokens } = parse('foo\nbar', { newlines: false }); console.log(tokens.some(token => token.type === 'newline')); //=> false ``` ### onResolve **Type**: `(object, key) => void` **Default**: `undefined` Function called before each segment is resolved in a dot-separated or array path. The async export awaits the returned value. ```ts const keys = []; const options = { onResolve: (object, key) => keys.push(key) }; expand({ user: { name: 'Brian' } }, 'user.name', options); console.log(keys); //=> ['user', 'name'] ``` ### resolve **Type**: `(target, prop, value, state) => any` **Default**: `undefined` Function called after each property is read, including when the property value is `undefined`. `target` is the object providing the property, `prop` is the current path segment, and `value` is the value read from the target. `state` contains the full `segments` array and the current segment `index`. Use this option to provide, unwrap, or transform intermediate values while a path is resolved. The original value is used when the function returns `null` or `undefined`. The async export awaits both property values and the value returned by `resolve`. ```ts const data = { user: {} }; const options = { resolve(target, prop, value, state) { if (prop === 'profile' && value === undefined) { return { name: 'Brian' }; } return value; } }; console.log(expand(data, 'user.profile.name', options)); //=> 'Brian' ``` ### separator **Type**: `string` **Default**: `.` Define a custom separator for parsing and resolving property paths. ```ts const data = { user: { profile: { name: 'Brian' } } }; console.log(expand(data, 'user/profile/name', { separator: '/' })); //=> 'Brian' ``` ### strict **Type**: `boolean` **Default**: `false` Throw an error when a path segment resolves to `undefined` and no fallback value is defined. ```ts const data = { user: {} }; expand(data, 'user.name', { strict: true }); //=> Error: Variable is undefined: "name" ``` ## Release History Read [changelog.md](changelog.md) for details on each release. ## About <details> <summary><strong>Contributing</strong></summary> Pull requests and stars are always welcome. For bugs and feature requests, [please create an issue](../../issues/new). Please read the [contributing guide](.github/contributing.md) for advice on opening issues, pull requests, and coding standards. </details> <details> <summary><strong>Running Tests</strong></summary> Running and reviewing unit tests is a great way to get familiarized with a library and its API. You can install dependencies and run tests with the following command: ```sh $ npm install && npm test ``` </details> <details> <summary><strong>Building docs</strong></summary> _(This project's readme.md is generated by [verb](https://github.com/verbose/verb-generate-readme), please don't edit the readme directly. Any changes to the readme must be made in the [.verb.md](.verb.md) readme template.)_ To generate the readme, run the following command: ```sh $ npm install -g verbose/verb#dev verb-generate-readme && verb ``` </details> ### Related projects You might also be interested in these projects: * [dry](https://www.npmjs.com/package/dry): Dry is superset of the Liquid templating language, with first-class support for advanced inheritance features… [more](https://github.com/jonschlinkert/dry) | [homepage](https://github.com/jonschlinkert/dry "Dry is superset of the Liquid templating language, with first-class support for advanced inheritance features, and more.") * [eval-estree-expression](https://www.npmjs.com/package/eval-estree-expression): Safely evaluate JavaScript (estree) expressions, sync and async. | [homepage](https://github.com/jonschlinkert/eval-estree-expression "Safely evaluate JavaScript (estree) expressions, sync and async.") * [get-value](https://www.npmjs.com/package/get-value): Use property paths like 'a.b.c' to get a nested value from an object. Even works… [more](https://github.com/jonschlinkert/get-value) | [homepage](https://github.com/jonschlinkert/get-value "Use property paths like 'a.b.c' to get a nested value from an object. Even works when keys have dots in them (no other dot-prop library we tested does this, or does it correctly).") * [set-value](https://www.npmjs.com/package/set-value): Set nested properties on an object using dot notation. | [homepage](https://github.com/jonschlinkert/set-value "Set nested properties on an object using dot notation.") * [whence](https://www.npmjs.com/package/whence): Add context awareness to your apps and frameworks by safely evaluating user-defined conditional expressions. Useful… [more](https://github.com/jonschlinkert/whence) | [homepage](https://github.com/jonschlinkert/whence "Add context awareness to your apps and frameworks by safely evaluating user-defined conditional expressions. Useful for evaluating expressions in config files, prompts, key bindings, completions, templates, and many other user cases.") ### Contributors | **Commits** | **Contributor** | | --- | --- | | 25 | [jonschlinkert](https://github.com/jonschlinkert) | | 1 | [aykutkardas](https://github.com/aykutkardas) | ### Author **Jon Schlinkert** * [GitHub Profile](https://github.com/jonschlinkert) * [X Profile](https://x.com/jonschlinkert) * [LinkedIn Profile](https://linkedin.com/in/jonschlinkert) ### License Copyright © 2026, [Jon Schlinkert](https://github.com/jonschlinkert). Released under the [MIT License](LICENSE). *** _This file was generated by [verb-generate-readme](https://github.com/verbose/verb-generate-readme), v0.8.0, on July 10, 2026._