如何结合map与filter处理两个数组，筛选指定元素并迭代

首先修正你代码里的一处语法错误：response数组中'RollNumber'后面缺少逗号，修正后代码如下：

const tilesToShow = ['student','teacher', 'marks', 'presenty']
const response = ['student','teacher', 'internalMarks','RollNumber', 'marks','presenty']

实现步骤 #

1. 过滤数组：使用Array.filter()结合Array.includes()，从response中筛选出存在于tilesToShow的元素：

const filteredTiles = response.filter(tile => tilesToShow.includes(tile));

这段代码会返回一个新数组，仅包含同时存在于两个数组中的元素，最终filteredTiles的内容为：['student','teacher','marks','presenty']

2. 迭代过滤后的数组：可以使用forEach()或者for...of循环来遍历并展示元素：

• 使用forEach()：

filteredTiles.forEach(tile => {
    // 这里替换为你的展示逻辑，比如渲染页面元素
    console.log('要展示的tile：', tile);
});

• 使用for...of循环：

for (const tile of filteredTiles) {
    // 执行展示操作
    console.log('要展示的tile：', tile);
}

内容的提问来源于stack exchange，提问作者ganesh kaspate