如何让两个JavaScript数组的匹配结果以逗号分隔格式展示？

问题分析 #

原代码使用Array.find()方法，该方法仅返回数组中第一个匹配条件的元素，但你需要获取所有匹配的元素并以, （逗号加空格）分隔展示。

修改后的代码 #

<script>
var array1 = ['2023-04-05','2023-04-06','2023-04-07','2023-04-08'];    //array1
var array2 = ['2023-04-06','2023-04-07'];    //array2
// 筛选出array1中所有存在于array2的元素
var foundItems = array1.filter(val => array2.includes(val));
// 用逗号加空格拼接成字符串并赋值
$('.show').html(foundItems.join(', '));
</script>

关键修改说明 #

• 替换find()为filter()：filter()会返回所有满足条件的元素，得到完整的交集数组['2023-04-06','2023-04-07']
• 使用join(', ')：将数组元素按指定分隔符（逗号加空格）拼接成目标格式的字符串

内容的提问来源于stack exchange，提问作者Đoàn Hiếu