JavaScript中两个对象的交集

在JavaScript中，我们可以使用对象来存储和操作数据。对象可以包含一组键值对，其中键是唯一的，并且可以是任何类型，值可以是任何JavaScript数据类型。

当涉及到多个对象时，可能需要找到它们之间的交集。交集是两个对象共有的项。在本文中，我们将学习如何找到两个对象的交集。

原始方法

最简单的方法是使用for循环和if语句来比较两个对象的键和值。我们可以创建一个新对象，然后在循环中检查每个对象的键和值是否相同。如果相同，则添加键和值到新对象中。

function intersection(obj1, obj2) {
  const result = {};
  for (const key in obj1) {
    if (obj2.hasOwnProperty(key) && obj1[key] === obj2[key]) {
      result[key] = obj1[key];
    }
  }
  return result;
}

上述代码定义了一个名为intersection的函数，该函数接受两个对象作为参数，然后返回一个新对象，该对象包含两个输入对象的交集。

ES6方法

ES6引入了新的用于操作对象的语法。我们可以使用Object.keys()方法获取对象的属性列表，使用Array.prototype.filter()方法过滤两个对象共有的属性，最后使用Array.prototype.reduce()方法将它们组合成一个新的对象。

const intersection = (obj1, obj2) =>
  Object.keys(obj1)
    .filter(key => obj2.hasOwnProperty(key))
    .reduce((result, current) => {
      result[current] = obj1[current];
      return result;
    }, {});

我们可以使用箭头函数和链式调用来减少代码量。这段代码执行三个步骤：

1. 使用Object.keys()方法获取第一个对象的所有键。
2. 使用filter()方法过滤第二个对象是否包含相同的键。
3. 使用reduce()方法将剩余的键值对添加到新对象中。

示例

const obj1 = { a: 1, b: 2, c: 3 };
const obj2 = { b: 2, c: 3, d: 4 };

console.log(intersection(obj1, obj2)); // { b: 2, c: 3 }

上述示例将输出{ b: 2, c: 3 }，这是两个对象共有的键值对。

至此，我们已经学习了如何在JavaScript中找到两个对象的交集。可以选择使用原始方法或ES6方法，具体取决于你的需求和代码风格。