数组方法reduce 高级用法

reduce 高级用法

reduce 语法

语法
接收两个参数
第一个参数是一个函数
第二个参数可以是数组、对象、Number等数据类型
[].reduce(() => {}, [])
有返回值

克隆数据

let arr = [
	{
		a: 1,
		name: '234'
	},
	{
		a: 3,
		name: 'sdfa'
	}
]
function mockData(arr) {
	return arr.reduce((mock, item) => {
		mock.push({
			b: item.a,
			code: item.name
		})
		return mock
	}, [])
}
// console.log(mockData(arr))

计算数组中每个元素出现的次数

let limit = ['a', 'b', 'c', 'd', 'b', 'l', 'c']
let obj = limit.reduce((pre, cur) => {
	if (cur in pre) {
		pre[cur]++
	} else {
		pre[cur] = 1
	}
	return pre
}, {})
// console.log(obj)

数组去重

// 数组去重
let arr1 = [1, 3, 4, 2, 4, 5, 2, 1]
let newArr = arr1.reduce((pre, cur) => {
	if (!pre.includes(cur)) {
		return	pre.concat(cur)
	} else {
		return pre
	}
	
}, [])
// console.log(newArr)

二维数组变一维

// 二维数组变一维
let arr2 = [[1, 2], [2], [4, 5]]
let newArr1 = arr2.reduce((pre, cur) => {
	return pre.concat(cur)
}, [])
// console.log(newArr1)
// 多维数组变一维
let arr3 = [[1, 2], [3, [4, 6]], [3, 5]]
const fn = function(arr) {
	return arr.reduce((pre, cur) => pre.concat(Array.isArray(cur) ? fn(cur) : cur), [])
}
console.log(fn(arr3))