javascript - why am i getting 'i is not defined' error from a simple for loop in vue.js component script?

Question

I'm trying to taking an array, order that array by version, and then moving all versions that begin with 'ipad' to the end of the list.

snippet from single file vue.js component:

  computed: {
    orderedUsers: function () {
      let newArray = sortBy(this.jobs, 'version').reverse()
      for (i in newArray) {
        if (i.version.startsWith('iPad')) {
          newlist.push(newlist.splice(i, 1)[0]);
        }
      }
      return newArray
  },

error:

vue.runtime.esm.js?e832:619 [Vue warn]: Error in render: "ReferenceError: i is not defined"

Not sure if this is a js question or a vue.js question

Answer 1

Try to add let i before using it in the for loop. See example below.

for (let i in newArray) {
  if (i.version.startsWith('iPad')) {
    newlist.push(newlist.splice(i, 1)[0]);
  }
}