let list = arr1.map(item => {
if (arr2.find(findItem => item.id === findItem)) {
return { ...item, disabled: true }
} else {
return {
...item
disabled: false
}
}
})
find() 方法返回通过测试(函数内判断)的数组的第一个元素的值
find() 方法为数组中的每个元素都调用一次函数执行:
当数组中的元素在测试条件时返回 true 时, find() 返回符合条件的元素,之后的值不会再调用执行函数。如果没有符合条件的元素返回 undefined
同样可以定义一个新数组,使用 forEach 遍历 push 进去(替换 map),因为forEach没有返回值。
let arr = [];
arr1.forEach(item => {
if (arr2.find(findItem => item.id === findItem)) {
arr.push({ ...item, aaa:true})
} else {
arr.push({ ...item, aaa:false})
}
})
可以使用 map() + some()(也更应该使用这个)
some() 方法用于检测数组中的元素是否满足指定条件(函数提供)。
some() 方法会依次执行数组的每个元素:
- 如果有一个元素满足条件,则表达式返回true , 剩余的元素不会再执行检测。
- 如果没有满足条件的元素,则返回false。
注意: some() 不会对空数组进行检测。
注意: some() 不会改变原始数组。
let arr1= [
{
id: 1,
name: '花椰菜1',
},
{
id: 2,
name: '青椒',
},
]
let arr2= [
{
id: 1,
name: '花椰菜',
},
{
id: 2,
name: '青椒',
},
{
id: 3,
name: '土豆',
},
{
id: 4,
name: '西红柿',
},
]
arr2 = arr2.map((item) => {
if (
arr1.some((eItem) => {
return eItem.id === item.id
})
) {
return { ...item, aaa: true }
} else {
return { ...item, aaa: false }
}
})
console.log(vegetables, 'vegetables')
console.log(fruits, 'fruits')