Comparison of Ternary operator, Elvis operator, safe Navigation Operator and logical OR operators

Comparison with Ternary operator vs Elvis operator vs safe Navigation Operator vs logical or operators in angular

Ternary Operator(statement ? obj : obj)

let gender = user.male ? "male" : "female";

Elvis Operator (?: )

let displayName = user.name ?: "";

Safe Navigation Operator (?.)

let displayName = user.name ?. "";

Logical or operators

let displayName = user.name || "";

The above all operators are similarly doing the same process. What are the difference benefits and which one is best & worst?