Неисправность фильтрации уникальных идентификаторов

Question

Установка: leftItems & rightItems - это массивы 5-значных идентификаторов. matchedItems - это массив всех этих идентификаторов - есть много результатов с тем же идентификатором. $matches - это div, к которому я хочу добавлять результаты ТОЛЬКО Если результат с этим идентификатором не был добавлен в список.

ПРОБЛЕМА: Я продолжаю получать div с тем же ID в $matches! Тем не менее, я знаю, что мой фильтр делает ЧТО-ТО, потому что, если я добавлю .toString к проверке существования, вот так: matchedItems.indexOf(litem.toString()), я получаю больше результатов. Мой чек получает его до 2 или 3 результатов с тем же ID, но не только 1, как я хочу.

leftItems.forEach(function (litem) { 
    rightItems.forEach(function (ritem) { 
     if (litem === ritem) { 
      var itemDiv = $('.results.left a[provider-id="' + litem + '"]'); 
      var miniMe = itemDiv.clone(); 

      if (matchedItems.indexOf(litem) === -1){ 
       $matches.append(miniMe); 
       matchedItems.push(litem); 
      } else { 
       console.log('element exists with id: ' + litem); 
      } 

     } 
    }); 
}); 

Answer 1

, если вы пытаетесь найти значения, которые совпадают по двум или более массивов, уже есть библиотеки там, чтобы сделать это для вас. Например: https://lodash.com/docs#intersection

_.intersection ([1, 2], [4, 2], [2, 1]); // → [2]

Из этого результата вы можете перерисовать все, что вам нужно в интерфейсе.

Чтобы быть честным, я ваш пример немного сбивает с толку, и, хотя я могу думать о многих решений вашей проблемы им не уверен, я понимаю вашу USECASE

Edit: На основе свой комментарий, вы должны следовать советам Michaels и сначала используйте concat на обеих массивах, затем на стороннюю уникальную функцию(), и в моем случае мы оба используем lodash, его отличный)