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循环数组的方式有哪些相关推荐

js 循环数组时，splice 删除数据注意的问题
js i++循环数组时,splice 删除数据没有i-- ,得到的数据错误: let rId = 2; let list = [{id: 1, name: "a"}, {id: 4 ...
【循环数组】js循环数组的方法合集
一.forEach循环注:没有 return 返回值,且不能用break跳出循环. let arrlist = ['123','456','789'];arrlist.forEach(functio ...
js循环数组判断数组（数组对象）中是否含有某字段，有的话去除，返回新数组
1) 数组中是否存在指定值,存在就删除 var array = ['a', 'b', 'c', 'd']var index = array.indexOf('c')if (index > -1) ...
js循环数组实现模糊匹配
<body><input type="text" class="ivu-input" /><button onclick=&quo ...
js 循环数组，数组对象中某属性的值一样时，组成新的数组对象
处理前的源数组 let applyList= [ { applyNo: "1", applyDate: "2021-04-22 10:41:31", yearM ...
js 循环数组，为数组对象中某一属性添加前缀
let originArr = [{ name: '天使爱美丽', img: '/movies/classic/1234.png'},{ name: '海上钢琴师', img: '/movies/cl ...
js中数组的几种循环方式
js中数组的几种循环方式 for循环最基本的循环方式,不多说.这种最基本的循环才是速度最快的,效率最高的. for(var i = 0;i<5;i++){console.log(i) } for ...
js循环遍历数组的方式
前言最近在写前端代码,里面经常涉及到数组的循环取值.这里简单总结下前端中数组遍历的四种方式: 数组下标循环 for in 循环 for of 循环 foreach循环例子假设有如下数组:memb ...
js便利关联数组及数组定义方式分类
"http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv=& ...

js循环数组的方式有哪些

js循环数组的方式有哪些相关推荐

最新文章

热门文章