数组对象的增删改查

最新推荐文章于 2024-04-20 11:25:31 发布

「已注销」

最新推荐文章于 2024-04-20 11:25:31 发布

阅读量131

点赞数

分类专栏： JavaScript 文章标签： javascript 前端 es6

本文链接：https://blog.csdn.net/qq_43199014/article/details/126837164

版权

JavaScript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

let arr1 = [
{
	age: 12,
	name: 'jake',
	id: '12jake'
},
{
	age: 14,
	name: 'rose',
	id: '14rose'
}
];
let arr2 = [
{
	age: 14,
	name: 'huhu',
	id: '14huhu'
},
{
	age: 12,
	name: 'jake',
	id: '12jake'
}
];

增项

push+includes

两个数组对象合并为一个数组对象

let arrStr1 = JSON.stringify(arr1);
arr2.map((item) => {
	let itemStr = JSON.stringify(item);
	if(!arrStr1.includes(itemStr)) {
		arr1.push(item)
	}
});
console.log(arr1);

Map

let aryMap = arr2.map(item => {
	item = [JSON.stringify(item), item];
	return item;
});
aryMap = new Map(aryMap);
arr1.map(v => {
	aryMap.set(JSON.stringify(v),v);
});
let newAry = [...aryMap.values()];
console.log(newAry);
//[
//  { age: 14, name: 'huhu', id: '14huhu' },
//  { age: 12, name: 'jake', id: '12jake' },
//  { age: 14, name: 'rose', id: '14rose' }
//]

数组对象去重

let arr3 = [...arr1, ...arr2];

Set

new Set 对引用类型的对象无效，所以需要转化类型进行去重

let newArr = [...new Set(arr3.map(item => JSON.stringify(item)))].map(item => JSON.parse(item));
console.log(newArr);
//[
//  { age: 12, name: 'jake', id: '12jake' },
//  { age: 14, name: 'rose', id: '14rose' },
//  { age: 14, name: 'huhu', id: '14huhu' }
//]

Map

let aryObj = arr3.map(item => {
	item = [JSON.stringify(item), item];
	return item;
});
aryObj = new Map(aryObj);
let newArr = [...aryObj.values()];
console.log(newArr);

filter

过滤查找，取一项，循环所有剩余其他项；排除自己，也排除已经比较过的，比较当前项和其他剩余项的属性值是否相同，相同则重复，返回false进行排除。

let newArr = arr3.filter((v,k) => !arr3.some((item, key) => {
	if(k != key && k > key) {
		return Object.keys(item).length === Object.keys(v).length && Object.keys(item).every(index => v[index] === item[index]) // 长度相同再比较内部的属性值
	} else {
		return false
	}
}));
console.log(newArr);

提取数组中某项重组成新数组

let newObjAry= arr2.map(item => {
	return {code: item.id, newName: item.name}
});
console.log(newObjAry);

let arr = [];
arr2.map(item => {
	let obj = {};
	obj['code'] = item.id;
	obj['newName'] = item.name;
	arr.push(obj)
});
console.log(arr);

let arr = arr2.map(item => {
	return Object.assign({}, {code: item.id, newName: item.name})
});
console.log(arr);
//[
//  { code: '14huhu', newName: 'huhu' },
//  { code: '12jake', newName: 'jake' }
//]