【前端】数组的常用处理函数

前言

item------->每个元素值 (必)
index----->索引（可选）
arr-------- >当前数组（可选）
推荐vscode的一款插件来写以下的demo，该插件可以直接在js文件中显示结果，搜 Quokka.js
用这个插件去新建一个js文件，直接就运行在node上了

代码

const aa=[1,2,3,4,5,6]
const a=aa.forEach((item,index,arr)=>{
  console.log(item,index,arr);
   arr[index]=2*item;
})
aa.map(v=>v*2)
console.log(aa);
//forEach方法不会返回一个新的数组，而是返回undefined,不适合需要中止或跳出循环的情况。


const bb=[1,2,3,4,5,6]
const b=bb.map((item,index,arr)=>{
  console.log(item);
  return 2*item;
})
bb.map(v=>v*2)
console.log(bb);
//map方法会返回一个新的数组，适合需要返回一个新数组的情况。遍历中没值返回undefined


const cc=[1,2,3,4,5,6]
const c=cc.every(v=>{ 
  console.log(v);
  return v>2}
 )
console.log(c);
//every方法会返回一个布尔值，表示数组中所有元素是否都满足条件。

const dd=[1,2,3,4,5,6]
const d=dd.some(v=>{
  console.log(v);
  return v>2
})
console.log(d);
//some方法会返回一个布尔值，表示数组中是否存在满足条件的元素。


const ee=[1,2,3,4,5,6]
const e=ee.find(v=>v>3)
console.log(e);
//find方法会返回数组中第一个满足条件的元素。否则返回undefined。findIndex返回索引没找到返回-1


const ff=[1,2,3,4,5,6]
const f=ff.filter(v=>v>3)
console.log(f);
//filter方法会返回一个新的数组，包含所有满足条件的元素。

const gg=[1,2,3,4,5,6]
const initValue=0
const g=gg.reduce((accumulator,currentValue,index,arr)=>{
  console.log(accumulator,currentValue,);
  return accumulator+currentValue;
},initValue)
console.log(g);
//reduce方法会返回一个值，这个值是通过将数组中的每个值（从左到右）开始reducer函数应用于初始值（或前一个结果）而计算得出的。
//前2个参数是必须的，第一个参数为累加值，是上次返回的结果，第二个参数为当前元素。
//initValue是可选的，表示传递给函数的初始值。如果没有提供，则将使用数组的第一个元素。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58

总结

forEach不会返回一个新的数组，里面改值会影响原数组，其他方法不影响原数组
map可以返回新数组 用于映射，如每个元素都加倍或执行其他转换操作
every返回一布尔值，需数组中全部满足
some只要满足一个
find返回第一个满足的元素值
filter过滤返回新数组，如筛选出所有偶数或满足其他条件的元素
reduce用于计算