一 实战
1<!DOCTYPE html> 2<html lang="en"> 3 4<head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <title>Document</title> 8</head> 9 10<body> 11 <script> 12 /* map函数 */ 13 // 接收一个函数，将原数组中的所有元素用这个函数处理后放入新数组返回 14 let arr = ['1', '20', '-5', '3']; 15 arr = arr.map(item => item * 2); 16 console.log(arr); //[2, 40, -10, 6] 17 18 /* reduce函数 */ 19 /* 20 为数组中的每一个元素依次执行回调函数，不包括数组中被删除或从未被赋值的元素， 21 arr.reduce(callback,[initialValue]) 22 callback函数可用四个参数: 23 1、previousValue （上一次调用回调返回的值，或者是提供的初始值（initialValue）） 24 2、currentValue （数组中当前被处理的元素） 25 3、index （当前元素在数组中的索引） 26 4、array （调用 reduce 的数组） 27 */ 28 let arr1 = [2, 40, -10, 6]; 29 let result = arr1.reduce((a, b, index) => { 30 console.log("上一次处理后：" + a); 31 console.log("当前正在处理：" + b); 32 console.log(index); 33 return a + b; 34 }, 100); 35 console.log(result) 36 </script> 37</body> 38 39</html>
二 测试
