vue两数组筛选相同属性
时间: 2024-09-28 09:04:25 浏览: 35
vue 对象数组中,根据相同属性的数据合并,重组新的数组对象
Vue中,如果你想比较两个数组并找出它们具有相同特定属性的对象,可以使用`filter()`函数结合`Array.prototype.find()`或者双重循环来实现。这里有一个简单的示例:
```javascript
// 假设我们有两个数组,arr1和arr2,它们都有对象,每个对象都有'someProperty'属性
let arr1 = [
{ id: 1, someProperty: 'value1' },
{ id: 2, someProperty: 'value2' },
// ...
];
let arr2 = [
{ id: 2, someProperty: 'value2' },
{ id: 3, someProperty: 'value3' },
// ...
];
// 使用filter()和find()找到相同的对象
let sameProperties = arr1.filter(item => {
return arr2.find(obj2 => obj2.someProperty === item.someProperty);
});
// 或者使用双重循环手动比较
let manualSameProperties = [];
for (let i = 0; i < arr1.length; i++) {
for (let j = 0; j < arr2.length; j++) {
if (arr1[i].someProperty === arr2[j].someProperty) {
manualSameProperties.push(arr1[i]);
break; // 只需要找到第一个匹配项就停止内层循环
}
}
}
阅读全文