Getter/setter on javascript array?

by

Using Proxies, you can get the desired behavior:

var _arr = ['one', 'two', 'three'];

var accessCount = 0;
function doSomething() {
  accessCount++;
}

var arr = new Proxy(_arr, {
  get: function(target, name) {
    doSomething();
    return target[name];
  }
});

function print(value) {
  document.querySelector('pre').textContent += value + '\n';
}

print(accessCount);      // 0
print(arr[0]);           // 'one'
print(arr[1]);           // 'two'
print(accessCount);      // 2
print(arr.length);       // 3
print(accessCount);      // 3
print(arr.constructor);  // 'function Array() { [native code] }'
<pre></pre>

The Proxy constructor will create an object wrapping our Array and use functions called traps to override basic behaviors. The get function will be called for any property lookup, and doSomething() before returning the value.

Proxies are an ES6 feature and are not supported in IE11 or lower. See browser compatibility list.

More Related Contents:

  1. Getters \ setters for dummies
  2. Monitor All JavaScript Object Properties (magic getters and setters)
  3. What are getters and setters for in ECMAScript 6 classes?
  4. Convert JSON to array in Javascript
  5. Creating a JavaScript global array with static elements?
  6. JavaScript “new Array(n)” and “Array.prototype.map” weirdness
  7. Convert array to JSON
  8. How to find if an array contains a specific string in JavaScript/jQuery?
  9. How to change value of object which is inside an array using JavaScript or jQuery?
  10. How might I extract the property values of a JavaScript object into an array?
  11. Convert JavaScript array of 2 element arrays into object key value pairs
  12. Selecting last element in JavaScript array [duplicate]
  13. JavaScript flattening an array of arrays of objects
  14. Best way to convert string to array of object in javascript?
  15. How to create an array in JavaScript whose indexing starts at 1?
  16. MongoDB select where in array of _id?
  17. Filter array of objects whose any properties contains a value
  18. Search array of objects for entry matching variable and check if it matches other fields
  19. How to get the first element of an array?
  20. Is array both associative and indexed?
  21. Javascript 2d array indexOf
  22. Javascript oddness with array of objects and indexOf
  23. How can I get a character array from a string?
  24. Convert js Array() to JSon object for use with JQuery .ajax
  25. What does “[Ljava.lang.Object;@” mean?
  26. Group javascript array object by same key
  27. Array.of vs “[ ]”. When to use Array.of over “[ ]”?
  28. Array.push return pushed value?
  29. Declare an array in TypeScript
  30. Array of object deep comparison with lodash

Leave a Comment