js循环数组的方式有哪些

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

for 循环

for 循环是最常见的一种循环方式，它可以遍历数组中的每一个元素，例如：

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

forEach() 方法

forEach() 方法是数组自带的方法，它可以对数组中的每一个元素执行一个回调函数，例如：

javascriptCopy codeconst arr = [1, 2, 3];
arr.forEach((item) => {
    
    
  console.log(item);
});

for…of 循环

for…of 循环是 ES6 引入的一种新的循环方式，它可以遍历数组中的每一个元素，例如：

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

需要注意的是，for…of 循环只能用于遍历具有 Symbol.iterator 属性的数据结构，例如数组、Set、Map 等。

map() 方法

map() 方法可以对数组中的每一个元素执行一个回调函数，并返回一个新的数组，例如：

const arr = [1, 2, 3];
const newArr = arr.map((item) => {
    
    
  return item * 2;
});
console.log(newArr); // [2, 4, 6]

filter() 方法

filter() 方法可以对数组中的每一个元素执行一个回调函数，并返回一个新的数组，其中包含回调函数返回值为 true 的元素，例如：

const arr = [1, 2, 3];
const newArr = arr.filter((item) => {
    
    
  return item > 1;
});
console.log(newArr); // [2, 3]

reduce() 方法

reduce() 方法可以对数组中的每一个元素执行一个回调函数，并返回一个累加器的值，例如：

const arr = [1, 2, 3];
const sum = arr.reduce((accumulator, currentValue) => {
    
    
  return accumulator + currentValue;
}, 0);
console.log(sum); // 6

需要注意的是，reduce() 方法还可以用于将数组转换为其他数据结构，例如对象或者字符串。

以上是常见的几种循环数组的方式，不同的方式适用于不同的场景，具体使用时需要根据实际情况进行选择。

js循环数组的方式有哪些

猜你喜欢