前端数据拆分，把相同规则的对象数据，拆分成对象集合

远方的鹿

已于 2023-03-10 14:44:19 修改

阅读量302

点赞数 1

文章标签：算法数据结构 js

于 2023-03-10 14:42:02 首次发布

本文链接：https://blog.csdn.net/linpeiwen001/article/details/129442097

版权

该文章描述了一个JavaScript方法，用于将具有相同规则的逗号分隔值拆分为对象集合。通过对原始对象的每个键值对进行处理，将每个值按逗号拆分并创建新的对象数组。最终，这些新对象被组织成一个完整的数组结构。

摘要由CSDN通过智能技术生成

数据拆分，把相同规则的对象数据，拆分成对象集合

目标数据

结果
在这里插入图片描述

data数据

data(){
	return {
		cardUpCode: '0147,0148',
	    annualCheck: '0,1',
	    annualFee: '500,全免费'
	}
}

调用

submit(){
	this.fmtPar(this.obj);
}

传入原始对象，循环拿到每个key，把每个key和value值，拿到第二个循环做拆分，结果放入新数据arr，
校验新数据arr是否有值，有的话就就就对返回的objArr数组再做循环，把每个数值一一对应数组下标放入arr数组里面

fmtPar(obj){
	let arr = [];
	for(let i in  obj){
		let objArr = this.fmtObject(i,obj[i])
		if(arr.length != 0){
			for(let j = 0; j < objArr.length; j++){
				arr[j][i] = objArr[j][i];
			}
		}else {
		 	arr = objArr;
		}
	}
	return arr;
}

拿到对象key和key的value值，以逗号进行拆分，循环放入新建的数组里面去

fmtObject(value, obj){
	let object = obj.split(',');
	let arr = [];
	for(let i = 0; i< object.length; i++){
		arr.push({ [value]: object[i] })
	}
	return arr;
}