munrocket / overload-bracket

Overloading square bracket operator [] in javascript and other array methods to any object with container using es6 proxy.

Overload bracket

Overloading square bracket operator [] and other array methods to any object with container using es6 proxy.

Disclamer

This project was just for fun, use it as a reference for your own proxy.

Use cases

With this library you can forget about creating new arrays and keep your code clean. For example you have an object with points container and you trying to iterate through X values. You can create ObjectHandler of X points and manipulate X data inside object like in array. This is helpfull when you use charting libraries and when you fetching data from server.

let obj = { points : [{x: 1, y: 2}, {x: 10, y: 20}, {x: -1, y: -2}]};
let x = new ObjectHandler(
  obj,                                        //target object
  p => p.points,                              //target array
  p => p.x,                                   //getter
  (p, v) => p.x = v                           //setter
);
let mean = (x[0] + x[1] + x[2]) / x.length(); //calculate (1 + 10 - 1) / 3
x.map(x => x*x);                              //map array to [1, 100, 1]
console.log(x.join(", "));                    //console.log("1, 10, -1");

Installation

If you use new node.js or modern browsers just install npm package npm i overload-bracket or run command npm run build:browser to build script for web page. With es5 environment you need to think about babel, babel-proxy-plugin or harmony-reflect.

Contributing

Feel free to contribute.