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

Question

我们有 2 个数组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

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

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

你将不得不编写一个matchObj(obj1, obj2).

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

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 3

如果您的对象数组很小，也不会太大。您也可以使用 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))));

Answer 4

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

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