Skip to content

🌿 Mutate a copy of data without changing the original source by path string, just like the get/set in lodash. Inspired by immutability-helper and rewrite with ES6.

Notifications You must be signed in to change notification settings

hustcc/immutability-util

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

immutability-util

Mutate a copy of data without changing the original source. Inspired by kolodny/immutability-helper / ProtoTeam/immutability-helper-x and rewrite with ES6 syntax for convenient API and higher performance.

Build Status Coverage Status npm npm download

1. Features

Features or key points.

  1. Use chainble API to mutate a copy of object.
  2. Simplify your code by finding target to be updated with path string.
  3. Maybe can optimize your web app with a bit higher performance.

2. Install & Usage

Install with NPM.

npm install -S immutability-util

Then use it.

const iu = require('immutability-util');
// or 
import iu from 'immutability-util';

// obj need to be mutated.
var obj = {
  a: 1,
  b: 2,
  c: {
    d: 3,
    e: {
      f: [4, 5, 6],
      g: {
        h: 'iu',
      },
    },
    i: {
      j: 'hello, world.',
      k: [7, 8, 9],
      l: [10, 11, 12],
    }
  },
};

// chainable usage.
const state = iu(obj)
  .$apply(['a'], v => v + 1)
  .$merge(['c', 'e', 'g'], { m: 'update'})
  .$push(['c', 'e', 'f'], [7, 8, 9])
  .$set(['c', 'i', 'j'], 'hello node 8.')
  .$splice(['c', 'i', 'k'], [[1, 1, 10]])
  .$unset(['c'], ['d'])
  .$unshift(['c', 'i', 'l'], [13])
  .value(); // then get the mutated copy.
  
// or use path string.
iu(obj).$set('c.i.j', 'hello node 8.').value();

And process array like this:

const obj = {
  a: {
    b: [{
      c: [1, 2, 3],
    }, {
      d: 4,
    }, {
      e: [5, 6],
    }]
  }
};
const state = iu(obj)
  .$apply('a.b[1].d', v => v + 1)
  .$push('a.b[0].c', [4])
  .$set('a.b[2].e[0]', 'hello node 8.')
  .value();

3. Available API

After got the instance of ImmutabilityUtil, you can use the chainable methods below.

  • $apply(path, function): passes in the current value to the function and updates it with the new returned value.
  • $merge(path, object): merge the keys of object with the target.
  • $push(path, array): push() all the items in array on the target.
  • $set(path, any): replace the target entirely.
  • $splice(path, array of arrays): call splice() with the array of arrays on the target with the parameters provided by the item.
  • $unset(path, array of strings): remove the list of keys in array from the target object.
  • $unshift(path, array): unshift() all the items in array on the target.

Then you can use API `value()` to get the immutable data copy. All the value of method are compatible with `immutability-helper`.

Your pull requests are needed for more API.


## 4. Build & Test

You can develop and test as below.
```sh
npm run build
# run the testcases
npm run test
```

You can run `npm run benchmark` to get the comparison of performance.


## 5. License

MIT@[hustcc](https://github.com/hustcc).


About

🌿 Mutate a copy of data without changing the original source by path string, just like the get/set in lodash. Inspired by immutability-helper and rewrite with ES6.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published