Iterable ClientRects

clientRect-iterable.js

ClientRect.prototype[Symbol.iterator] = function() {
  // ClientRect's properties apparently can't be discovered with Object.keys :(
  const obj = Object.assign({}, {
    top: this.top,
    right: this.right,
    bottom: this.bottom,
    left: this.left,
    height: this.height,
    width: this.width,
  });

  const keys = Object.keys(obj);
  let idx = 0;
  return {
    next: function() {
      if (idx < keys.length) {
        return { value: obj[keys[idx++]], done: false };
      } else {
        return { done: true };
      }
    }
  };
};