JS数组遍历概述

WEB前端JS开发2020年4月23日

JS数组用于在单个变量中存储多个值. 在Web的前端开发中，数组的使用非常普遍. 合理的阵列设计可以使业务更清晰js遍历字符串数组，提高开发效率. 数组的使用不能避免遍历数组. 雷雪松在下面总结了JS数组遍历.

1，Array.forEach（）

forEach（）方法为每个数组元素调用一次函数（回调函数），并且forEach（）没有返回值. 该函数传入三个参数: 数组当前项的值，数组当前项的索引和数组对象本身.

2. Array.map（）

The

map（）方法创建一个新数组，结果是调用提供的函数一次后数组中每个元素的返回值. 该函数传入三个参数: 数组当前项的值，数组当前项的索引和数组对象本身.

3. Array.filter（）

The

filter（）方法创建一个新数组，其结果是由提供的功能实现的测试的所有元素. 该函数传入三个参数: 数组当前项的值，数组当前项的索引和数组对象本身.

let arr = ['a'，'b'，'c'];

let newArr = arr.filter（（item，index，arr）=> {

退货商品===“ a”

}）

console.log（arr）// ['a'，'b'，'c'];

console.log（newArr）// ['a'];

4. Array.some（）

The

some（）方法测试数组中是否至少有一个元素通过了提供的功能测试. 它返回一个布尔值. 该函数传入三个参数: 数组当前项的值，数组当前项的索引和数组对象本身.

5. Array.every（）

The

every（）方法测试数组中的所有元素是否可以通过指定函数的测试. 它返回一个布尔值. 该函数传入三个参数: 数组当前项的值，数组当前项的索引和数组对象本身.

let arr = ['a'，'b'js遍历字符串数组，'c'];

let isAllA = arr.every（（item，index，arr）=> {

退货商品===“ a”

}）

console.log（isAllA）//否

6. Array.reduce（）

The

reduce（）方法对数组中的每个元素执行您提供的reducer函数（升序），并将结果汇​​总为单个返回值. 该函数接受四个参数: 累加器，currentValue，currentIndex，当前索引和数组数组.

7，Array.reduceRight（）

The

reduceRight（）方法接受一个函数作为累加器，并且数组的每个值（从右到左）将其减小为单个值. 该函数接受四个参数: 累加器，currentValue，currentIndex，当前索引和数组数组.

let arr = [1,2,3];

let sum = arr.reduceRight（（total，item，index，arr）=> {

总退货+物品

}）

console.log（总和）// 6

8，Array.find（）

The

find（）方法返回满足提供的测试功能的数组中第一个元素的值. 否则返回未定义. 该函数传入三个参数: 数组当前项的值，数组当前项的索引和数组对象本身.

本文来自电脑杂谈，转载请注明本文网址：
https://www.pc-fly.com/a/jisuanjixue/article-192530-1.html