JavaScript classList найти и удалить класс содержащий слово?

Question

[Rob1n Bobin]

Всем привет!
Есть элемент с классами, необходимо найти в нем класс содержащий ключевое слово и удалить его.
Пример:

<div class="class_1 class_2 class_key-word class_3">
  <!--content-->
</div>

let div = document.querySelector('.class_1');
// Дальше из него надо удалить класс содержащий _key-word
// Тут я ничего дельного придумать не могу

Answer 1

[0xD34F]

div.classList.remove(...[...div.classList].filter(n => n.indexOf('_key-word') !== -1))

Comments

[Rob1n Bobin]

все понял, кроме этого:
...[...div.classList]

... - что передается сюда. Я имею ввиду что передается в сам .remove

[0xD34F]

spread

[Rob1n Bobin]

0xD34F, это я понимаю, просто не могу понять как это работает:

...[...div.classList]
[...div.classList].filter(n => n.indexOf('_key-word') !== -1)

с фильтром все понятно, но с этим куском:
[...div.classList]
не очень

[0xD34F]

Rob1n Bobin, превращаем classList в массив. Ну, представь, что при использовании ... элементы div.classList перечисляются через запятую.

[Rob1n Bobin]

0xD34F, все, я понял, спасибо) Это очень хорошее решение

Answer 2

[Сергей Мельников]

node.className = node.className.replace(/\w+_key-word/g, "")

Answer 3

[Aleksey Solovyev]

Пусть будет так:

function hasClass(ele,cls) {
  return ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)'));
}
function removeClass(ele,cls) {
  if (hasClass(ele,cls)) {      
    var reg = new RegExp('(\\s|^)'+cls+'(\\s|$)'); 
    ele.className=ele.className.replace(reg,' ');  
  }
}

removeClass(div, 'class_key-word')

Answer 4

[Павел Корнилов]

node.classList.remove('class_1');