JS - 三元运算符，以避免条件中的过多链接。可能吗？

Question

condition ?
    domElement.classList.add('show') :
    domElement.classList.remove('show');

上面的代码可以工作，但DOM变量和classList被显式输入两次。有没有办法使用三元组只将链中的差异部分放在各自的真/假条款中？

我想的是：

domElement.classList condition ? .add('show') : .remove('show');

任何和所有输入都非常感谢。

Answer 1

domElement.classList[condition ? 'add' : 'remove']('show')

更好但是​​：

domElement.classList.toggle('show', condition)

见https://developer.mozilla.org/en-US/docs/Web/API/Element/classList#Methods。