js 两个数组中的指定参数（id）相同，为某个对象设置disabled属性

在JavaScript中，如果想要比较两个数组并根据它们的id属性来设置某个对象的disabled属性为true，你可以使用几种不同的方法。这里我将介绍几种常用的方法：

方法1：使用循环和条件判断

const array1 = [{ id: 1, name: 'Item 1' },{ id: 2, name: 'Item 2' },{ id: 3, name: 'Item 3' }
];const array2 = [{ id: 2, name: 'Item 2' },{ id: 4, name: 'Item 4' }
];// 遍历array1，检查id是否存在于array2中
array1.forEach(item1 => {const found = array2.some(item2 => item2.id === item1.id);if (found) {item1.disabled = true;}
});console.log(array1);

方法2：使用Map或Set提高效率

如果需要多次进行这样的比较，使用Map或Set可以提高效率。

const array1 = [{ id: 1, name: 'Item 1' },{ id: 2, name: 'Item 2' },{ id: 3, name: 'Item 3' }
];const array2 = [{ id: 2, name: 'Item 2' },{ id: 4, name: 'Item 4' }
];// 将array2的id存储到Set中，以便快速查找
const idsSet = new Set(array2.map(item => item.id));array1.forEach(item => {if (idsSet.has(item.id)) {item.disabled = true;}
});console.log(array1);

方法3：使用findIndex提高可读性 

如果想要一个更简洁的解决方案，可以使用findIndex，虽然它在性能上可能不如some或Set，但在某些情况下代码更易读。

const array1 = [{ id: 1, name: 'Item 1' },{ id: 2, name: 'Item 2' },{ id: 3, name: 'Item 3' }
];const array2 = [{ id: 2, name: 'Item 2' },{ id: 4, name: 'Item 4' }
];array1.forEach(item => {if (array2.findIndex(item2 => item2.id === item.id) !== -1) {item.disabled = true;}
});console.log(array1);

方法4：使用filter和map组合（如果只需要标记）

如果只是想标记哪些对象存在于另一个数组中，而不直接修改原数组，可以使用filter和map。

const array1 = [...array1]; // 复制原数组以避免修改原数组，除非你愿意这样做。
const markedArray = array1.map(item => {if (array2.some(item2 => item2.id === item.id)) {return { ...item, disabled: true }; // 使用扩展运算符创建新对象以避免直接修改原对象。} else {return item; // 不修改原对象。}
});
console.log(markedArray); // 这将显示带有disabled属性的新数组。

选择哪种方法取决于具体业务需求和性能考虑。对于大多数实际应用场景，使用Set或Map的方法通常是最快和最清晰的。特此记录一下~