react 过滤两个数组对象中相同字段值

可以使用 Array.prototype.filter 方法来实现。

假设有两个数组 a 和 b，每个数组中都有一个对象，对象有一个共同的字段名为 "id"，我们需要筛选出两个数组中 "id" 字段值相同的对象。

可以使用以下代码实现：

const a = [{id: 1, name: 'Alice'}, {id: 2, name: 'Bob'}, {id: 3, name: 'Charlie'}];
const b = [{id: 2, age: 20}, {id: 3, age: 30}, {id: 4, age: 40}];

const result = a.filter(objA => b.some(objB => objA.id === objB.id));

console.log(result); // [{id: 2, name: 'Bob'}, {id: 3, name: 'Charlie'}]

上面的代码中，我们使用了 Array.prototype.filter 方法对数组 a 进行筛选，筛选条件是：使用 Array.prototype.some 方法判断数组 b 中是否存在一个对象的 "id" 字段值与当前正在遍历的 a 数组对象相同。如果存在，就将 a 数组对象保留下来。最后返回结果即可。

相关问题

react 循环过滤两个数组对象中相同字段值

可以使用嵌套的循环来实现循环过滤两个数组对象中相同字段值的对象。

假设有两个数组 arr1 和 arr2，它们的对象都有一个字段叫做 "id"，我们要循环遍历两个数组，找到在 arr1 中存在的对象：

const arr1 = [
  { id: 1, name: 'Alice' },
  { id: 2, name: 'Bob' },
  { id: 3, name: 'Charlie' }
];

const arr2 = [
  { id: 2, age: 20 },
  { id: 4, age: 25 },
  { id: 1, age: 30 }
];

const filteredArr = [];

for (let i = 0; i < arr1.length; i++) {
  for (let j = 0; j < arr2.length; j++) {
    if (arr1[i].id === arr2[j].id) {
      filteredArr.push(arr2[j]);
      break;
    }
  }
}

console.log(filteredArr);
// Output: [{ id: 2, age: 20 }, { id: 1, age: 30 }]

在上面的代码中，我们使用了两层循环来遍历 arr1 和 arr2，对于每个 arr1 中的对象，都在 arr2 中寻找是否存在相同的 id 值的对象。如果找到了，就把该对象 push 到 filteredArr 中，并结束当前的循环（使用 break 语句）。最终返回的结果是 [{ id: 2, age: 20 }, { id: 1, age: 30 }]，它们的 id 分别是 2 和 1，都存在于 arr1 中。

react 过滤多组两个数组对象中相同字段值

可以使用 Array.prototype.filter() 方法结合 Array.prototype.some() 方法来过滤两个数组中相同字段值的对象。

假设有两个数组 arr1 和 arr2，它们的对象都有一个字段叫做 "id"，我们要过滤出在 arr1 中存在的对象：

const arr1 = [
  { id: 1, name: 'Alice' },
  { id: 2, name: 'Bob' },
  { id: 3, name: 'Charlie' }
];

const arr2 = [
  { id: 2, age: 20 },
  { id: 4, age: 25 },
  { id: 1, age: 30 }
];

const filteredArr = arr2.filter(obj2 => {
  return arr1.some(obj1 => obj1.id === obj2.id);
});

console.log(filteredArr);
// Output: [{ id: 2, age: 20 }, { id: 1, age: 30 }]

在上面的代码中，我们先通过 filter() 方法过滤出 arr2 中所有存在于 arr1 中的对象。这里使用了 some() 方法来判断两个对象的 id 是否相等。如果有任意一个 obj1.id 和 obj2.id 相等，就返回 true，表示 obj2 需要被保留在结果数组中。最终返回的结果是 [{ id: 2, age: 20 }, { id: 1, age: 30 }]，它们的 id 分别是 2 和 1，都存在于 arr1 中。