JS – 三元运算符,以避免条件中的过度链接。可能吗?

JS – Ternary operator to avoid excessive chaining in a conditional. Is it possible?

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

以上代码有效,但 DOM 变量和 classList 被显式输入了两次。有什么方法可以使用三元组仅将链的不同部分放在各自的 true/false 子句中?

我在想:

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

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

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

不过更好:

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

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