js循环数组的几种方式

JavaScript 中循环数组的方式有以下几种：

1. for 循环

使用 for 循环可以遍历数组中的每个元素。可以通过数组的 length 属性确定循环次数。例如：

var arr = [1, 2, 3];
for (var i = 0; i < arr.length; i++) {
  console.log(arr[i]);
}

2. forEach 方法

可以使用 forEach 方法来遍历数组中的每个元素。它接受一个回调函数作为参数，回调函数的参数分别为当前遍历的元素、当前遍历的索引、原始数组。例如：

var arr = [1, 2, 3];
arr.forEach(function(item, index, array) {
  console.log(item);
});

3. for...in 循环

使用 for...in 循环可以遍历数组中的每个属性。它返回的是属性名，需要通过属性名获取对应的属性值。例如：

var arr = [1, 2, 3];
for (var index in arr) {
  console.log(arr[index]);
}

需要注意的是，使用 for...in 循环遍历数组时，可能会遍历到一些非数字类型的属性，例如数组方法、原型链上的属性等，所以需要通过 hasOwnProperty 方法来判断属性是否为对象自身的属性。例如：

var arr = [1, 2, 3];
for (var index in arr) {
  if (arr.hasOwnProperty(index)) {
    console.log(arr[index]);
  }
}

4. for...of 循环

使用 for...of 循环可以遍历数组中的每个元素。它返回的是元素值，而不是索引或属性名。例如：

var arr = [1, 2, 3];
for (var item of arr) {
  console.log(item);
}

以上是 JavaScript 中常用的几种循环数组的方式，根据不同的需求选择合适的方式可以使代码更加简洁、易读。