数组对象,名字相同的对象进行合并

需求: 数组对象,name字段相同的进行合并,并将每条数据中的num累加,金额为合并之后的num*price

原始数据tableData


		
		
		
		
	
	const tableData = reactive([
		{ date: '2023-10-13',num: 30,name: '零食',price: 20, },
		{ date: '2023-12-23',num: 15,name: '干果',price: 56 },
		{ date: '2023-5-16',num: 50,name: '零食',price: 20 },
		{ date: '2023-8-21',num: 22,name: '干果',price: 56 },
		{ date: '2023-8-21',num: 22,name: '货物',price: 26 },
		{ date: '2023-9-12',num: 10,name: '衣服',price: 26 },
	])

现在需要将数据合并为以下展示形式:日期进行合并为多个数据合并之前的日期区间


		
		
		
		
	

js处理逻辑:

const newData = ref([])
	const getData = ()=>{
		let temp = {}
		let start_date = ''
		let end_date = ''
		for(var i=0;iitem != '')
			newDateRange.sort((a,b)=>{
				return new Date(a) - new Date(b)
			})
			temp[name]['date'] = newDateRange[0] + '-' + newDateRange[newDateRange.length - 1]
		}
		let newArr = []
		Object.keys(temp).forEach(item=>{
			newArr.push(temp[item])
		})
		newData.value = newArr
		
	}

需要注意:temp[name] = JSON.parse(JSON.stringify(item))需要使用深copy,要不会导致合并之后的数据值不对

你可能感兴趣的:(javascript,前端,html)