JS知识点巩固

目录

前言

一、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的用法和二维数组的行列交换对我来说理解稍微复杂了些，需要加深记忆，记录一下