vue 数组获取指定的对象进行展示

this.getEachList:全部属性
this.getKeyList:要展示的属性

/** vue **/
this.getEachList = [{
	addr: '地址',
	age: '20',
	idno: '证件号码',
	name: '张三',
	sex: '男',
	note: '提示信息'}]

// 要展示的内容
this.getKeyList= [{
	key: "姓名",
	attr: "name"
}, {
	key: "性别",
	attr: "sex"
}];

this.infoList = [];//最后要获取的数组
for (var i = 0; i < this.getKeyList.length; i++) {
	let key = this.getKeyList[i].key;
	let attr = this.getKeyList[i].attr;
	for (var j = 0; j < this.getEachList.length; j++) {
		let map = {};
		map["left"] = key;
		map["right"] = this.getEachList[j][attr];
		this.infoList.push(map);
	}
}
let info = delObj(this.infoList);
// info = [{left:'姓名',right:'张三'},{left:'性别',right:'男'}]
// js 删除数组中重复的对象
function delObj(obj) {
	var uniques = [];
	var stringify = {};
	for (var i = 0; i < obj.length; i++) {
		var keys = Object.keys(obj[i]);
		keys.sort(function(a, b) {
			return (Number(a) - Number(b));
		});
		var str = '';
		for (var j = 0; j < keys.length; j++) {
			str += JSON.stringify(keys[j]);
			str += JSON.stringify(obj[i][keys[j]]);
		}
		if (!stringify.hasOwnProperty(str)) {
			uniques.push(obj[i]);
			stringify[str] = true;
		}
	}
	uniques = uniques;
	return uniques;
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值