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 中。