インクリメンタルサーチで追加済みユーザーが検索されないようにする

目的

チャットアプリのグループメンバー追加ページを以下の仕様で作成する。

• インクリメンタルサーチでメンバー検索をして登録リストに表示
• 登録リストに表示されたメンバーを登録ボタンで追加リストに登録
• 登録されたメンバーは登録リストに表示されない

問題点

登録されたメンバーが登録リストに表示されてしまう。

考え方

検索されたメンバーのIDが追加リストに登録されたメンバーのIDと重複しない場合のみ表示させれば良い。

コード

before.js

users.forEach(function (user) {
  if (user.id) {
    addUser(user);
  }
})

after.js

users.forEach(function (user) {
  let idNum = document.getElementById(user.id);
  if (user.id && !idNum) {
    addUser(user);
  }
})