对象数组,对比多个数组的相同子元素并筛选


项目情景

多选框,回显用户已选的选项。此时有两个数组,list1为多选选项列表,list2为用户已选择的选项

第一个数组    list1 = [{name:'aa'}, {name:'bb'}, {name:'cc'}];

第二个数组     list2= ['aa', 'bb'];

目的:筛选已选选项保存,格式: [{"name":"aa","isSame":"Y"},{"name":"bb","isSame":"Y"},{"name":"cc","isSame":"N"}]

错误做法

通过遍历两个数组,筛选重复元素push到same数组中;

 1 

此时输出结果如下图: 

我们会发现same中被push了6个元素,但是正确结果应该是2个元素。

原因是双层for循环共执行了6次,每次都进行比对、push,所以push了6个元素。

正确办法

为筛选出的相同元素添加一个属性,避免重复向same数组push。

此时输出结果为:

same [{"name":"aa","isSame":"Y"},{"name":"bb","isSame":"Y"},{"name":"cc","isSame":"N"}]