gpt4 book ai didi

javascript - 检查两个数组是否相等并禁用具有相同值的数组按钮

转载 作者:行者123 更新时间:2023-12-02 22:42:22 25 4
gpt4 key购买 nike

我正在渲染卡,并且有两个数组,我想禁用两个数组之间具有相同 id 的按钮。

例如:

idOne = [9,5,1,4];
idTwo = [6,1,3,4];

在这种情况下,我想禁用 4 和 1 的按钮,因为两者具有相同的值。

这是我传递按钮的渲染方法

render(){
this.button()
}

这是我的尝试

button = () {
idOne = [9,5,1,4];
idTwo = [6,1,3,4];

const checkId = idOne.some(n => idTwo.includes(n))
if(checkedId){
return <Button disable />
}

return <Button />
}
}

但这将禁用所有按钮,而不是具有相同 id 的按钮。

感谢您的帮助

最佳答案

我将其分为两个单独的步骤。首先,我将使用过滤器返回两个 id 之间匹配的所有 id 的数组。

const arr1 = [9, 5, 1, 4]
const arr2 = [6, 1, 3, 4]
const matches = arr1.filter(el => arr2.includes(el)

然后,一旦我有了所有匹配项的数组,您就可以映射 arr1 中的所有 id,然后检查是否有任何 id 同步。这将返回一个 bool 值,该值允许您渲染条件组件

return arr1.map(el => {
if (matches.includes(el)) {
return <Button disable />
}

return <Button />
})

如果您愿意,可以通过链接过滤器和映射将其重构为更小至 1 步

关于javascript - 检查两个数组是否相等并禁用具有相同值的数组按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58542839/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com