Javascript -- for循环索引值

一、循环索引

正常的for循环，通过var来声明的变量，打印变量的结果始终都是数组最后一项的下标索引，如何获取数组每一项的索引？

1、保存当前值

每一次循环，就将当前数组的下标索引值保存到一个对象里面，这样就可以通过这个对象获取数组每一项的下标索引

for(var i=0;i<data.length;i++) {
  // 
  this.index = i
  alert(this.index)
}

这里是将每一次循环的索引保存到window对象的index属性上

2、闭包

利用闭包内部函数可以调用外部函数的变量和参数的特点，可以通过将每一次循环的索引作为参数传给内部函数使用，这样可以确保每一次都是当前索引

for(var i=0;i<data.length;i++) {
  ;(function (index) {
    alert(index)
  })(i);
}

每次循环都必须执行一次函数，那传入的i必然就是当前的索引，不可能直接循环完了再来执行函数

3、ES6语法-let

let声明的变量只在当前函数有用，只能被当前声明的函数内部使用，而var声明的变量，相当于一个全局变量，所以地方的的值最终都会指向这个var变量，不断的更新替换

for(let i=0;i<data.length;i++) {
  alert(i)
}

每次循环都将声明一个新的i变量，i都是一个新的值