title: ExtJs 5.0 : forEach on Array of Objects not working in IE8
body: <p>I've a simple model - </p>
  
  <pre><code>Ext.define('MyModel', {
      extend: 'Ext.data.Model',
  
      requires: [
          'Ext.data.field.String'
      ],
  
      fields: [
          {
              type: 'string',
              name: 'currentA'
          },
          {
              type: 'string',
              name: 'currentB'
          },
          {
              name: 'A'
          },
          {
              name: 'B'
          }
      ]
  });
  </code></pre>
  
  <p>Here is some operation that I'm doing on the data for that model- </p>
  
  <pre><code> onBeforeRender: function(component, eOpts) {
      var mystore = Ext.getStore('Mystore');
      mystore.load({
          callback: function(){
              var entity = headerStore.getAt(0);
              var bs = entity.data.B;
              var as = entity.data.A;
              var currentB = entity.data.currentB;
              var currentA = entity.data.currentA;
  
              bs.forEach(function(record) {
                  // do some operations
              });
              as.forEach(function(record) {
                  // do some other operations
              });
          }
      });
  }
  </code></pre>
  
  <p>Now, when iterating over variable "bs", which is clearly an array of objects, IE 8 complains </p>
  
  <p><strong>"Object doesn't support this property or method"</strong></p>
  
  <p>for the forEach function. This works fine in Chrome.</p>
  
  <p>Here is the json for the model - </p>
  
  <pre><code>{
    "currentA": "a",
    "currentB": "b",
    "A": [
      {
        "name": "a",
        "id": 1
      }
    ],
    "B": [
      {
        "name": "b",
        "id": 2
      }
    ]
  }
  </code></pre>
  
  <p>Why is IE not able identify it as an array?</p>