Что делать, если много условностей? ?? :: :, и как правильно его читать? Можно ли ссылку на статью какую нибудь?

Question

[laravel_creative_3103]

isError ? !this.isEmpty(formData.error.decision.result) ? formData.error.decision.result ? 'errorTab' : 'noTab' : 'noTab' : 'noTab'

Условно есть такой код, условности, как бы его правильно прочитать? т.е последовательно

Comments

[WbICHA]

Странно, что никто не сократил это до одного условия.

isError && !this.isEmpty(formData.error.decision.result) && formData.error.decision.result
  ? 'errorTab' 
  : 'noTab'

[WbICHA]

А ещё можно записать результат сравнения в переменную и в тернарнике уже использовать только её.

[Alexandroppolus]

WbICHA,

Странно, что никто не сократил это до одного условия

потому что это просто удачное совпадение, что там 3 строки одинаковые. Вернее сказать, неудачный пример ) Чел спрашивает, как быть с тернарниками вообще.

[WbICHA]

Alexandroppolus, ну хз, я и похуже говнокод видел.)

Answer 1

[Вадим]

https://converter.website-dev.eu/

Answer 2

[Alexandroppolus]

Вложенные тернарники легко читаются, только если они "линейные". То есть когда в выражении C ? A : B выражение А не содержит в себе тернарник.

Твой пример можно переписать так:

!isError ? 'noTab' :
    this.isEmpty(formData.error.decision.result) ? 'noTab' :
    !formData.error.decision.result ? 'noTab' :
    'errorTab' ;

я просто инвертировал все условия. И теперь тернарник читается строго по порядку: если первое условие истинно, вернуть первое значение и не смотреть дельше. Если второе условие истинно, вернуть второе значение и не смотреть дельше. И т.д. Аналог "быстрого выхода", как в https://qna.habr.com/q/1289362
Сравни это с исходным вариантом, где самое последнее значение относилось к первому условию, хотя отстояло от него на километр.