目录
前言
一、reduce方法
二、二维数组的行和列交换
总结
前言
这里的知识点记录的是日常生活中容易搞忘的知识点
一、reduce方法
function(total,currentValue, index,arr)
redece可以用作累加:可以传入初始值,如果传入初始值,则从累加值索引为0开始计算,如果不传入初始值则累加值就为索引0的值,则当前值为索引为1的值
如以下例子:
1.不传入初始值,计算结果a为10,index从1开始,pre累加值刚开始为数组索引为0的值1
const arr = [1, 2, 3, 4];
const a = arr.reduce((pre, cur, index: any) => {
console.log(pre, cur, '索引为:' + index);
return pre + cur;
});
console.log(a);
2.如果传入初始值,则pre刚开始为传入的初始值,数组索引从0开始循环
const arr = [1, 2, 3, 4];
const a = arr.reduce((pre, cur, index: any) => {
console.log(pre, cur, '索引为:' + index);
return pre + cur;
}, 2);
console.log(a);
二、二维数组的行和列交换
二维数组适用于数据大屏返回同一类型的东西不同时间的状态时,需要交换下行和列
如下列数组,本身为4*3(4行*3列),现在想要将数字一致的放在一个数组,也就是交换arr1的行和列,可以使用以下方法
这个方法主要是使用两个map第一个map将数组的列作为循环,第二个数组是将arr1根据列数组生成的索引取到原数组相同列的值,然后再返回,经历三次循环,最后返回一个数组中有三个数组
const arr1 = [
[{ num: 1 }, { num: 2 }, { num: 3 }],
[{ num: 1 }, { num: 2 }, { num: 3 }],
[{ num: 1 }, { num: 2 }, { num: 3 }],
[{ num: 1 }, { num: 2 }, { num: 3 }],
];
const a = arr1[0].map((item, index) => arr1.map(row => row[index]));
总结
reduce的用法和二维数组的行列交换对我来说理解稍微复杂了些,需要加深记忆,记录一下