使用 JS linter/格式化程序将条件 (else/if) 运算符转换为逻辑运算符 (&& ||)？

Question

I have some older React code using a lot of conditionals, eg setting a variable using LET then if/else to apply a value.

For readability, I want to change it to use logical operators where it makes sense to do so.

Is there a linter / formatter that can do this automatically?

Example code included.

Cannot do it so far with ESlint or prettier so far.

let method
if (play && play.show_question) method = 'question'
else if (play && play.show_answer) method = 'answer'

with a linter, automatically convert to

const method = play && play.show_question ? 'question' : play && play.show_answer && 'answer'

If a formatter / plugin / linter exists which can auto refactor this, please let me know

Answer 1

You could check play first and then take either the question part or answer part.

const method = play && (play.show_question && 'question' || play.show_answer && 'answer');

For getting a defined false value, you could add a default value, like undefined

const
    method = play && (play.show_question && 'question' || play.show_answer && 'answer')
        || undefined;