我有2个数组对象,里面有一个相同的属性,我想用js把这2个数组对象中的相同属性提取出来,去重
时间: 2023-08-31 10:29:49 浏览: 70
### 回答1:
你可以使用 JavaScript 中的 Set 数据结构来去重, Set 本质上是一个无序的且不重复的数据集合。可以将 Set 看作是数组的替代品,它具有与数组类似的 API,但是它不允许出现重复的元素。你可以这样做:
```
const array1 = [{id: 1, name: 'Alice'}, {id: 2, name: 'Bob'}, {id: 3, name: 'Charlie'}];
const array2 = [{id: 3, name: 'Charlie'}, {id: 4, name: 'Dave'}, {id: 5, name: 'Eve'}];
const commonIds = new Set();
array1.forEach(item => {
commonIds.add(item.id);
});
array2.forEach(item => {
if (commonIds.has(item.id)) {
commonIds.add(item.id);
}
});
console.log(commonIds); // Set {3}
```
这样就可以提取出来两个数组中相同属性的值,并且去重。
注意:这种方法仅适用于两个数组,如果你有更多的数组,你可以使用一个循环来遍历所有数组,并在 Set 中添加属性值。
### 回答2:
可以使用JavaScript中的数组方法来实现提取和去重。下面是一个简单的代码示例:
```javascript
// 数组对象1
var arr1 = [
{ id: 1, name: '张三' },
{ id: 2, name: '李四' },
{ id: 3, name: '王五' }
];
// 数组对象2
var arr2 = [
{ id: 2, name: '李四' },
{ id: 3, name: '李四' },
{ id: 4, name: '赵六' }
];
// 提取相同属性
var result = arr1.filter(function(obj1) {
return arr2.some(function(obj2) {
return obj1.id === obj2.id && obj1.name === obj2.name;
});
});
// 去重
var uniqueResult = Array.from(new Set(result));
console.log(uniqueResult);
```
以上代码首先使用`filter`方法筛选出数组对象1中与数组对象2中相同属性的对象。然后使用`Set`数据结构去重,最终得到唯一的结果。
输出结果为:`[{ id: 2, name: '李四' }, { id: 3, name: '李四' }]`。
### 回答3:
你可以使用JavaScript来提取并去重这两个数组对象中的相同属性。下面是一种实现的方法:
1. 首先创建两个数组对象,假设为arr1和arr2,并确保它们具有相同属性,例如 "name"。
2. 创建一个空数组,用于存储相同属性的值,例如同名的 "name" 值。
3. 遍历第一个数组对象arr1,在每次迭代中取出一个对象。
4. 使用Array.prototype.some()方法遍历第二个数组对象arr2,检查是否出现了相同属性的值。
5. 如果找到了相同属性的值,将其添加到空数组中。
6. 使用Set对象来去重,将空数组转换为Set对象,然后再将其转换回数组。
下面是一个示例代码:
```javascript
// 创建两个数组对象
var arr1 = [{name: 'John'}, {name: 'Alice'}, {name: 'Bob'}];
var arr2 = [{name: 'Alice'}, {name: 'Bob'}, {name: 'Tom'}];
// 创建空数组用于存储相同属性的值
var sameNames = [];
// 遍历第一个数组对象
arr1.forEach(function(obj1) {
// 检查第二个数组对象中是否存在相同属性的值
var isSame = arr2.some(function(obj2) {
return obj2.name === obj1.name;
});
if (isSame) {
sameNames.push(obj1.name); // 将相同属性的值添加到空数组中
}
});
// 去重
var uniqueNames = Array.from(new Set(sameNames));
console.log(uniqueNames); // 输出:["Alice", "Bob"]
```
在上面的示例代码中,我们使用了forEach()方法和some()方法进行遍历和检查,同时使用Set对象来去重最后的结果。最后,我们将输出["Alice", "Bob"]。