Event listener on data change in array node js

Question

I have an array with size of 3. I need to call a function dynamically when the array value is changed. Any idea?

var arr = ["","",""];

arr[0] = 'first value is chagned';
arr[1] = 'second value is chagned';


function arrFunction(){
    console.log('Array value changed')
}

Expected output

Array value changed

.

I know we can achive this by calling function directly like below. For your reference, I gave these inputs. I can not directly call function like below

var arr = ["","",""];

arr[0] = 'first value is chagned';
arrFunction()
arr[1] = 'second value is chagned';
arrFunction()

function arrFunction(){
    console.log('Array value changed')
}

why not use a function to change the value and call print together? — Farhan Qasim
– Farhan Qasim, Commented Jan 29, 2018 at 12:01
For your reference, I gave these inputs. I can not directly call this function — Vigneswaran A
– Vigneswaran A, Commented Jan 29, 2018 at 12:03
I think you might be after using a proxy -> stackoverflow.com/questions/35610242/… — Keith
– Keith, Commented Jan 29, 2018 at 12:11

georg · Accepted Answer · 2018-01-29 12:21:00Z

3

if your target support Proxies this is easy to do:

let observe = (obj, fn) => new Proxy(obj, {
    set(obj, key, val) {
        obj[key] = val;
        fn(obj)
    }
});

arr = observe(['', '', ''], arr => {
    console.log('arr changed! ', arr)
});

arr[0] = 'first value is chagned';
arr[1] = 'second value is chagned';

answered Jan 29, 2018 at 12:21

georg

216k57 gold badges324 silver badges401 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Event listener on data change in array node js

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related