Как найти одинаковые значения с двух массивов и добавить класс JS?

Question

[greedy_wizard]

Помогите пожалуйста с задачей.
Есть один массив со значением кодов стран и есть второй массив со значениями стран которые необходимо выделить нужно добавить класс "active" к тому элементу который совпадает по значению
спасибо большое

let itemIDs = []
let countryIDs = []
let mapItem = document.querySelectorAll('.world-map__item')
let mapCountry = document.querySelectorAll('.map-country')

mapItem.forEach( el => {
    itemIDs.push(el.dataset.countryId)
});

mapCountry.forEach( el => {
    countryIDs.push(el.getAttribute('id'))
});

mapCountry.forEach( el => {
    let id = el.getAttribute('id')

    ?????????????????????????

    if(id == itemIDs) {
        el.classList.add('active')
    }
});

Answer 1

[Сергей Соколов]

вместо

if(id == itemIDs) {
        el.classList.add('active')
    }

надо что-то типа

if (itemIDs.includes(id)) {
        el.classList.add('active');
    } else {
        el.classList.remove('active');
    }

или то же, короче:

el.classList[itemIDs.includes(id) ? 'add' : 'remove']('active');

Comments

[greedy_wizard]

Спасибо большое вам

Answer 2

[Алексей Дубровин]

У массивов есть 2 метода, определения, есть ли это в массиве
1) indexOf - возвращает индекс или -1 если ничего не нашёл.
2) includes - возвращает true/false, нужно посмотреть по поддержке или бабель. Не уверен что все поддерживают