npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

object-selectors

v2.3.0

Published

Query and manipulate nested object properties with an expressive and intuitive notation.

Downloads

7

Readme

object-selectors

This package helps access and manipulate data in deeply nested Javascript objects more comfortably using an easy and powerful notation.

I.e. instead of this

for (let prop in obj.a)
  if (/b\w*/.test(prop) &&  obj.a[prop].c === 'foo')
    obj.a[prop].c = 'bar'

you can simply write

set('a.b*[c === foo].c', obj, 'bar')

Table of contents

Usage

Notation

Examples

API

Performance considerations

Security considerations

Usage

Install with

npm install object-selectors

Use as follows:

import { get, set } from 'object-selectors';

const obj = {
  a: {
    b1: { c: 1  },
    b2: { c: 2  }
}

get('a.b*.c', obj); // [ 1, 2 ]
set('a.b1.c', obj, 'c'); // 'c'
get('a.b*.c', obj); // [ 'c', 2 ]

Definitions

Ambiguous vs. unambiguous selectors

A selector is called ambiguous if it may result in more than one property being selected. This is, most commonly, the case when using wildcards.

A selector is called unambiguous if it may only ever result in at most one property being selected.

Note that ambiguity is a property of the selector itself, independent the results of applying that selector to any particular object.

Empty selector

The empty string '' is called the empty selector. By definition, it selects the input object.

Note: This behavior is deprecated and now discouraged. It may be changed in the future. Use ::root instead.

Notation

object-selectors comes with its own selector language that takes elements from Javascript notation, file globs and CSS selectors and combines them into the powerful notation outlined below.

Selectors target own and inherited properties, so it is possible to use them with accessor properties.

Basics

Allowed characters in property names and values are [A-Za-z0-9_]. All other characters must be escaped with a backslash (\). Be aware that when specifying selectors as string literals in Javascipt, you will need to use a double backslash, as otherwise the backslash itself will be treated as an escape character by Javascript.

Nested access

A nested property is accessed by preceding it with a dot (.).

Wildcards

Properties may include wildcards (*, ?) which follow the familiar semantics of file globs:

  • The asterisk (*) matches 0 or more arbitrary characters
  • The question mark (?) matches exactly 1 arbitrary character

Using a wildcard always results in an ambiguous selector. Wildcard selectors only target enumerable properties.

Conditional selection

Properties may be succeeded by any number of conditions. Conditions are expressions constraining the selected properties according to their values. Conditions are either unary ([ properties ]) or binary ([ properties operator value ]). There may be spaces between the square brackets and between the properties, operator and value part.

The properties checked by the condition are themselves expressed as selectors, and thus have access to all the features described in this document, i.e. they may contain nested access, wildcards and even conditions themselves. If a selector is ambiguous, it is considered satisfied if it is satisfied for all the matching properties. Note that using an ambiguous selector in a condition does not make its parent selector ambiguous.

A unary condition is satisfied if the value of the specified property is truthy. A binary condition is satisfied if the result of applying the specified operator to value of the specified property and the specified value is truthy.

Values may be a reference to a value passed in the references object. References begin with a @, e.g. @foo. When the condition is evaluated, the reference is replaced with the value for the referenced property from the references object.

operator may be one of the following:

Operator | Condition looks like | Meaning :--- | :--- | :--- == | a == b | The value of property a is loosely equal to b === | a === b | The value of property a is strictly equal to b != | a != b | The value of property a is not loosely equal to b !== | a !== b | The value of property a is not strictly equal to b ^= | a ^= b | The value of property a starts with b: a.startsWith(b) $= | a $= b | The value of property a ends with b: a.endsWith(b) ~= | a ~= b | The value of property a satisifies regular expression b: new RegExp(b).test(a) < | a < b | The value of property a is strictly less than b <= | a <= b | The value of property a is less than or equal to b >= | a >= b | The value of property a is greater than or equal to b > | a > b | The value of property a is strictly greater than b

Selector union

The union of multiple selectors may be selected by separating them with a ,. The result is the union of the results of the individual selectors:

get('a.b.c, d.*.f', obj) === [ get('a.b.c'), ...get('d.*.f') ]

Union selectors with more than one component are ambiguous.

Pseudo properties

Pseudo properties start with a double colon :: and select "virtual" properties. They resemble pseudo elements in CSS, and follow the same syntax.

Pseudo property | Meaning | Example :--- | :--- | :--- ::root | Selects the input object itself. | a.b.::root selects obj ::first | Selects the first element of an array, the first property of an object, or the first character of a string. Selects nothing on anything else. | arr.::first selects the first element of array arr. (Same as arr.0) ::last | Selects the last element of an array, the last property of an object, or the last character of a string. Selects nothing on anthing else. | str.::last selects the last character of string str

Meta properties

Meta properties start with a single colon :. Similar to conditions, they constrain the selected properties based on their characteristics. Thus, they work as filters. They resemble CSS pseudo classes, and follow the same syntax.

More than one meta property may be used. In this case, they will be applied in the order they are given.

Meta properties, unlike pseudo properties, must not be preceded by a ..

Meta property | Meaning | Example :--- | :--- | :--- :string, :number, :bigint, :boolean, :symbol | Restricts the selected properties to ones matching the associated type | Given obj = { a: true, b: 1 }, *:boolean selects obj.a, but not obj.b. :null, :undefined | Restricts the selected properties to ones that are null/undefined, resp. | Given obj = { a: null, b: 1 }, *:null selects obj.a, but not obj.b. :object | Restricts the selected properties to objects, excluding arrays. (To include arrays, use :complex.) | Given obj = { a: {}, b: [] }, *:object selects obj.a, but not obj.b. :array | Restricts the selected properties to arrays (as per Array.isArray()). | Given obj = { a: {}, b: [] }, *:array selects obj.b, but not obj.a. :primitive | Restricts the selected properties to primitives. :complex | Restricts the selected properties to objects and arrays. | Given obj = { a: {}, b: [] }, *:complex selects obj.a and obj.b. :existent | Restricts the selected properties such that null and undefined values are filtered out. | Given obj = { a: null, b: 1 }, *:existent selects obj.b, but not obj.a. :nonexistent | Restricts the selected properties to null and undefined values. | Given obj = { a: null, b: 1 }, *:nonexistent selects obj.a, but not obj.b. :unique | Restricts the selected properties such that only the first occurence of each value is kept. | Given obj = { a: 1, b: 1 }, *:unique selects obj.a, but not obj.b.

Examples

const obj = {
  a: {
    b1: { c: 1  },
    b2: { c: 2  }
}

// Access property c of property b1 of property a of obj
get('a.b1.c', obj) // 1

// Access any property starting with c on obj.a.b1
get('a.b1.c*', obj) // [ 1 ]

// Access any property starting with c and followed by exactly one arbitrary character on obj.a.b1
get('a.b1.c?', obj) // [], because there is no such property

// Access all properties on obj.a
get('a.*', obj) // [ { c: 1 }, { c: 2 }

// Access any property on obj.a which itself has a property c that loosely equals 1
get('a.*[c == 1], obj) // [ { c: 1 } ]

// For any property on obj.a which itself has a property c that loosely equals 1, access that property
get('a.*[c == 1].c, obj) // [ 1 ]

// Access any property on obj.a which itself has a property c that strictly equals 1
get('a.*[c === 1], obj) // [], because literal values in conditions are strings

// Access any property on obj.a which itself has a property c that strictly equals the value of property val on the reference object
get('a.*[c === @val], obj, { val: 1 }) // [ 1 ] 

// ::root pseudo property
get('::root', obj) // obj

API

compile

Compiles the given selector. The compiled selector can be passed to perform, get, and set instead of the original string. If you intend to re-use a given selector for multiple operations, pre-compiling it gives a performance boost.

The returned compiled selector also has methods perform, get, and set, so instead of calling get(compiledSelector, obj) you can also do compiledSelector.get(obj).

In addition, compiledSelector.ambiguous is a boolean flag indicating whether or not the selector is ambiguous, and compiledSelector.source gives access to the source string the selector was compiled from.

Parameters

  • selector string The selector to compile.

Returns Selector The compiled selector.

perform

This is the fundamental function used to manipulate object properties with selectors. In its most basic form, it takes a selector selector, a function fn and a target object obj and applies fn to all properties in obj described by selector. If the result of the function application is different form the property's current value, it will be updated accordingly.

perform returns the results of the function application. If the used selector is ambiguous, the results are returned as an array. If it is unambiguous, the result is returned as a scalar. options.collate can be used to force one behavior or the other:

  • Setting options.collate to false will always return an array, even if there is only one result.
  • Setting options.collate to true will check that all results are deeply equal, and if they are, return their value as a scalar. If the results are not all deeply equal, an error will be thrown. (Note that the function will still have been applied, though.)
  • Setting options.collate to a function value will check that after applying that function to all results they are all equal. Note that the function is only used for determining collation equality -- the returned results are still the same.

Note: In versions prior 2.0, this function was called apply. This has been changed to perform to avoid a name conflict with Function.prototype.apply in compiled selectors.

Parameters

  • selector (string | Selector) The selector describing the properties to perform the function to. This can either be a string, or a pre-compiled selector.

  • fn Function The function to perform.

  • obj Object The object on whose properties to perform the function.

  • options Object? An optional object with further options for the operation

    • options.collate (boolean | function)? Whether to collate the results or not. Defaults to true on unambiguous selectors, and to false on ambiguous ones. When collating, an error is thrown if the results of applying fn to all selected properties are not all strictly equal in terms of their JSON representation. If set to a function, this function is applied to all results, then those results are checked for (strict) equality. Note that this may be quite performance heavy if a lot of properties are selected and/or the comparator is computationally expensive.
    • options.unique (boolean | function)? Whether to filter out duplicate values before applying fn. If set to true, strict equality is used to compare values. Alternatively, can be set to a comparator function which will then be used to determine equality. For duplicate values, only the first occurence is kept. Note that options.unique differs from options.collate in that it filters the selection before the function is applied. Note that this may be quite performance heavy if a lot of properties are selected and/or the comparator is computationally expensive. Note: This functionality is deprecated. Use the :unique meta property instead.
    • options.mode ("normal" | "strict" | "lenient") The selection mode to use. In normal mode, it is permissible to select a non-existent property as long as it is the terminal portion of the selector. I.e. it is permissible to select 'a' on {}, but not 'a.b'. This mode mimics the ordinary rules of selecting object properties in Javascript (where {}.a === undefined). In strict mode, any attempt to select a non-existent property immediately results in an error. In lenient mode, non-existent properties are silently dropped. The default mode is normal. (optional, default 'normal')
    • options.references Object? The values for any references used in the selector.

Returns any The results of applying fn to all selected properties.

get

  • See: perform

Gets the values of the properties described by selector from obj. No properties are changed. Otherwise, this function follows the same rules as perform.

Parameters

  • selector (string | Selector) The selector describing the properties to get. This can either be a string, or a pre-compiled selector.
  • obj Object The object whose properties to get.
  • options Object? An optional object with further options for the operation. See perform.

Returns any The values of the selected properties.

set

  • See: perform

Sets the values of the properties described by selector from obj to value. Otherwise, this function follows the same rules as perform.

Parameters

  • selector (string | Selector) The selector describing the properties to set. This can either be a string, or a pre-compiled selector.
  • obj Object The object whose properties to set.
  • value any The new value for the properties.
  • options Object? An optional object with further options for the operation. See perform.

Returns any The new values of the selected properties. Unless collating, the length of the result gives an indication of how many properties matched the selector.

Performance considerations

There are a few other libraries that do the same thing, although none offer the features and expressive powers of this one. In particular, none allow using wildcards in selectors, conditions, or application of arbitrary functions - that's why I wrote this in the first place. That power comes at a price, though, and that price is speed. Below are benchmark results comparing object-selectors with some of the competitors.

Library | ops/sec :---|---: object-selectors (string) | 61,866 ops/sec ±9.58% (87 runs sampled) object-selectors (pre-compiled) | 924,611 ops/sec ±1.32% (90 runs sampled) object-selectors (pre-compiled, no collation) | 915,694 ops/sec ±1.16% (92 runs sampled) easy-object-selector | 4,175,650 ops/sec ±0.51% (92 runs sampled) object-path | 1,125,960 ops/sec ±0.55% (93 runs sampled) dot-prop | 4,115,248 ops/sec ±1.09% (90 runs sampled) pathval | 403,030 ops/sec ±1.16% (90 runs sampled) getvalue | 2,628,437 ops/sec ±0.49% (92 runs sampled)

The key take aways:

  1. If you only need to access simple nested properties in objects and performance is a concern, you should probably go with a different library.
  2. Pre-compiling a repeatedly-used selector gives a performance gain of more than factor 100.

Security considerations

This package is based on a technique called parsing expression grammar (PEG) using Peggy to parse and evaluate selectors. It does not use eval, and is therefore safe from the security concerns around code injection arising from it. This means it is safe to pass user content as selectors for read-only operations.

⚠️ In write operations, using unsanitized user input for both selector and value at the same time opens up a vector for arbitrary code execution. See The Dangers of Square Bracket Notation.