javascript 条件分岐のアルゴリズム

Question

以下の状態を持つ変数a, bがあるときに、その値の有無によって次のように結果を変えたいのですがどのようなロジックがスマートでしょうか？

let a: string | undefined
let b: string | undefined

期待値

a = "a"
b = "b"
// => "a - b"

a = "a"
b = undefined
// => "a -"

a = undefined
b = "b"
// => "- b"

a = undefined
b = undefined
// => ""

ポイントは期待する文字列の間に"-"があることです。単純にifで4つの場合に分けて実装する方法がまず浮かびますが、あまりスマートではなく他に方法が無いか探しています。
実装例

if (a && b) {
  console.log(a + " - " + b)
} else if (a) {
  console.log(a + " -")
} else if (b) {
  console.log("- " + b)
} else {
  console.log("")
}

Answer 1

こんなのは？

console.log( (!a?"":(a+" "))+((!a&&!b)?"":"-")+(!b?"":(" "+b)) );

以下追記。
こんな方法もあった。

console.log( 
  [a," - ",b].filter(e=>!!e).reduce((a,c,_,arr)=>arr.length<2?"":a+c, "").trim() 
);

Comments

[yochun02]

これでも行けますね。ありがとうございます！

[yochun02]

ハイフンが残らないようにするにはこちらの方法じゃないとダメでした、、

Answer 2

console.log(a || b ? `${a ? a + ' ' : ''}-${b ? ' ' + b : ''}` : '');

けっきょく ?:による条件分岐を3回やっているので、if3回よりシンプルとは言い難いかもしれません。

Comments

[yochun02]

確かに可読性も考えるとifでも良さそうですね。ありがとうございます。

Answer 3

nullish coalescingを用いて

console.log(`${a ?? ""} - ${b ?? ""}`)

で行けました。
と思ったけどこれだとa=b=undefinedの時に"-"が残ってしまうのか。。