js数组reduce( reduce()方法介绍)
大家好，关于js数组reduce很多朋友都还不太明白，今天小编就来为大家分享关于 reduce()方法介绍的知识，希望对各位有所帮助！
JS数组reduce()方法详解及高级技巧
reduce为数组中的每一个元素依次执行回调函数，不包括数组中被删除或从未被赋值的元素，接受四个参数：初始值（或者上一次回调函数的返回值），当前元素值，当前索引，调用 reduce的数组。
先看第一个例子：
这里可以看出，上面的例子index是从1开始的，第一次的prev的值是数组的第一个值。数组长度是4，但是reduce函数循环3次。
再看第二个例子：
这个例子index是从0开始的，第一次的prev的值是我们设置的初始值0，数组长度是4，reduce函数循环4次。
结论：如果没有提供initialValue，reduce会从索引1的地方开始执行 callback方法，跳过第一个索引。如果提供initialValue，从索引0开始。
注意：如果这个数组为空，运用reduce是什么情况？
但是要是我们设置了初始值就不会报错，如下：
所以一般来说我们提供初始值通常更安全
当然最简单的就是我们常用的数组求和，求乘积了。
（1）计算数组中每个元素出现的次数
（2）数组去重
（3）将二维数组转化为一维
（3）将多维数组转化为一维
（4）、对象里的属性求和
浅谈JS中 reduce() 的用法
过去有很长一段时间，我一直很难理解 reduce()这个方法的具体用法，平时也很少用到它。事实上，如果你能真正了解它的话，其实在很多地方我们都可以用得上，那么今天我们就来简单聊聊JS中 reduce()的用法。
其中，
arr表示原数组；
prev表示上一次调用回调时的返回值，或者初始值 init;
cur表示当前正在处理的数组元素；
index表示当前正在处理的数组元素的索引，若提供 init值，则索引为0，否则索引为1；
init表示初始值。
看上去是不是感觉很复杂？没关系，只是看起来而已，其实常用的参数只有两个： prev和 cur。接下来我们跟着实例来看看具体用法吧~
先提供一个原始数组：
实现以下需求的方式有很多，其中就包含使用reduce()的求解方式，也算是实现起来比较简洁的一种吧。
由于传入了初始值0，所以开始时prev的值为0，cur的值为数组第一项3，相加之后返回值为3作为下一轮回调的prev值，然后再继续与下一个数组项相加，以此类推，直至完成所有数组项的和并返回。
由于未传入初始值，所以开始时prev的值为数组第一项3，cur的值为数组第二项9，取两值最大值后继续进入下一轮回调。
实现的基本原理如下：
该方法用法与reduce()其实是相同的，只是遍历的顺序相反，它是从数组的最后一项开始，向前遍历到第一项。
详情请戳→简述forEach()、map()、every()、some()和filter()的用法
JS数组方法
数组的创建方式
1.字面量的形式： var arr=[1,2,3];
1.构造函数： var arr1=new Array();//不常用
Array构造函数有一个很大的缺陷，就是不同的参数，会导致它的行为不一致。
1.单个数值作为参数，参数表示数组的元素个数
可以看到，Array作为构造函数，行为很不一致。因此，不建议使用它生成新数组，直接使用数组字面量是更好的做法。
push/pop/unshift/shift//增加、删除元素（数组的方法，所以使用时应调用
数组名.方法名（））
arr. slice/splice//截取元素
arr.slice();原数组不发生改变
无参数时，返回原数组，相当于数组的复制。
一个参数时，从参数作为下标的元素截取，至数组结束。
二个参数时，从第一个参数作为下标（索引）的元素开始截取，到第二个参数作为下标的元素结束，但不包括第二个参数作为下标的函数。（起始元素包含，结尾元素不包含）
多个参数时，前两个参数起效，后边的参数无效。
arr.splice();原数组改变
无参数时，返回空数组。
一个参数时，从参数作为下标的元素截取，至数组结束。
二个参数时，从第一个参数作为下标（索引）的元素开始截取，即表示截取的起始位置，第二个参数表示截取的元素个数。
多个参数时，前两个参数起效，后边的参数从原数组的截取起始位置开始填充，填充到原数组。
reverse/sort//改变元素位置
arr.reverse();//数组翻转(元素位置颠倒)
arr.sort();从小到大排序，但遵循的是字符串的按位比较规则，所以排序结果容易出现异常。
join();//不改变原数组
join()以指定参数作为连接符，将所有数组成员连接为一个字符串返回。如果不提供参数，默认用逗号分隔。
concat();//拼接数组不改变原数组
ES5新增数组操作方法
indexOf(item)返回元素在数组中对应的索引值，找不到的话，返回-1，用以测试元素是否存在于数组中
forEach(function(item,index))遍历数组,没有返回值
map(function(item,index))遍历数组,存在返回值
filter(function(item)){return item>2}返回大于2的元素
some返回布尔值，条件部分成立|| arr.some(function(item){return item>2})
every返回布尔值，条件全部成立&& arr.every(function(item){return item>2})
reduce(对数组中的所有元素调用指定的回调函数。该回调函数的返回值为累积结果，并且此返回值在下一次调用该回调函数时作为参数提供。)arr.reduce(function(a,b){return a+b;});
toString()和toLocaleString()
功能：将数组的每个元素转化为字符串，并且输出用逗号分隔的字符串列表。功能类似join()；
参数：无
输出：字符串
indexOf()和lastIndexOf()
功能：搜索整个数组中具有给定值的元素，返回找到的第一个元素的索引或者如果没有找到就返回-1；lastIndexOf为反向搜索。
参数：元素的值，起点索引（可选）
输出：索引值或-1
Array.from()
功能：将两类对象转为真正的数组：类似数组的对象和可遍历的对象
参数：待转换的对象，第二个参数可选，作用类似于数组的map方法，用来对每个元素进行处理，将处理后的值放入返回的数组。
输出：数组
Array.of()
功能：将一组值，转换为数组。
参数：数组元素
输出：数组
copyWithin()
功能：在当前数组内部，将指定位置的成员复制到其他位置，返回变化后的数组。
参数：索引（从该位置开始替换数据）；索引（从该位置开始读取数据，默认为0，负值表示倒数）；索引（到该位置前停止读取，默认为最大索引）
输出：返回当前替换后的数组。
注意：改变了当前数组
find()和findIndex()
功能：找到第一个符合条件的数组成员。
参数：回调函数，所有数组成员依次执行该函数，直到找到第一个返回值为true的成员。回调函数可以接受三个参数，依次为值，位置，原数组。
输出：find()返回找到的成员；findIndex()返回成员的位置。
fill()
功能：使用给定的值，填充一个数组。
参数：第一个参数为待填充的值，第二和第三参数可选，分别表示填充的起始和结束位置(不包括)。
输出：填充后的数组
entries()、keys()、values()
功能：用于遍历数组，可以用for…of循环进行遍历。区别是keys()是对键名的遍历、values是对键值的遍历、entries()是对键值对的遍历。
参数：无
输出：遍历器对象
includes()
功能：表示某个数组是否包含给定的值
参数：第一个参数必选（待检查的给定值），第二个参数可选，表示搜索的起始位置，默认为0，负数表示倒数的位置。
输出：一个布尔值。
注意：和indexOf的区别，indexOf进行了运算符的强比对，会导致对NaN误判。
好了，本文到此结束，如果可以帮助到大家，还望关注本站哦！