检查一个数组中的 object 是否包含在另一个对象数组中

Question

我们有 2 个 arrays

const arr1 = [{color: 'red', shape: 'square'}, {color: 'blue', shape: 'circle'}, {color: 'green', shape: 'square}]
const arr2 = [{color: 'red', shape: 'circle'}, {color: 'blue', shape: 'circle'}]

我想检查 arr2 中的至少一项是否包含在 arr1 中（如果是，则返回 bool 值）。 到目前为止，我尝试arr2.some(item => arr1.includes(item))但这似乎不起作用。

Answer 1

您可以使用此代码 arr2.some(item => arr1.find(e=>JSON.stringify(e) === JSON.stringify(item))

Answer 2

Array.prototype.includes 检查它是否相等，因此它对原始值很有用。 要检查它是否深度相等（对于 arrays 和对象），您可以使用 find 方法。 所以正确的解决方案是：

arr2.some(item => arr1.find(e=>e.color==item.color&&e.shape==item.shape))

Answer 3

数组includes()使用引用相等匹配 object，它不深入比较项目对象的属性。 因此，您还需要一个 object 匹配器。

const overlap = arr1.some(i1 => arr2.some(i2 => matchObj(i1,i2)));

你将不得不编写matchObj(obj1, obj2)的实现。

您还可以使用 lodash 的isEqual()或intersecttionWith()方法：

 const arr1 = [{color: 'red', shape: 'square'}, {color: 'blue', shape: 'circle'}, {color: 'green', shape: 'square'}]; const arr2 = [{color: 'red', shape: 'circle'}, {color: 'blue', shape: 'circle'}]; // check for overlap const hasCommon = _.some(arr1, i1 => _.some(arr2, i2 => _.isEqual(i1, i2))); console.log('hasCommon:', hasCommon); // get common items const commonItems = _.intersectionWith(arr1, arr2, _.isEqual); console.log('commonItems:', commonItems);

 <script src="https://cdn.jsdelivr.net/npm/lodash@4.17.15/lodash.min.js"></script>

Answer 4

如果您的 object 数组很小，也不会太大。 您也可以使用 JSON.stringify 检查。

const arr1_str = JSON.stringify(arr1);
arr2.some(item2 => arr1_str.includes(JSON.stringify(item2)));

 const arr1 = [{color: 'red', shape: 'square'}, {color: 'blue', shape: 'circle'}, {color: 'green', shape: 'square'}]; const arr2 = [{color: 'red', shape: 'circle'}, {color: 'blue', shape: 'circle'}]; const arr1_str = JSON.stringify(arr1); console.log(arr2.some(item2 => arr1_str.includes(JSON.stringify(item2))));