Here is an Array var arr = [1, 2, 3],I want to implement an method to observe the array changes.
It likes
arr.on('change', function () {
// to do something
});
It will automatic trigger the 'change' event when I push or delete data from array.
Is it possible? How can I do it?
Thank you
That's the first idea that came to my head:
var arr = [1, 2, 3],
tmp = [].slice.apply(arr);
setInterval(function() {
if (arr.join() !== tmp.join()) {
console.log("Changed");
tmp = [].slice.apply(arr);
}
}, 10);
Or the prototype version:
Array.prototype.change = function(callback) {
var _this = this,
tmp = [].slice.apply(_this);
setInterval(function() {
if (_this.join() !== tmp.join()) {
callback();
tmp = [].slice.apply(_this);
}
}, 10);
};
var arr = [1, 2, 3];
arr.change(function() {
console.log("Changed!");
});
arr.push(4); // Changed!
