空の入力をはじく

スペースだけを打ってふやすのも困る。trim() は文字列の前後にある空白を取りのぞいた値を返すよ。

" " に trim() をかけると "" になる。"ぎゅうにゅう" ならそのまま。中身があるかどうかは、trim() してから === "" で見るのがいちばん確実だよ。

空だと分かったら、行をふやす処理に進まずすぐ帰る。それが return だよ。

if の中で return すると、残りの処理は飛ばされる。早い段階でダメなケースをはじくこの書き方を、現場では「ガード」と呼ぶよ。

気をつけたいのは、trim() が新しい文字列を作って返すだけだということ。input.value そのものが書きかわるわけではないよ。

だから判定には input.value.trim() を使い、実際にリストへ足すときも同じように trim() した値を使う。判定だけ trim して、追加するときは trim していない元の値を使ってしまうと、前後の空白が残ったまま登録される、というありがちな取りちがえに注意しよう。

同じ処理は if と else でも書けるけれど、ガードのほうがすっきりすることが多い。else で書くと、「本当にやりたい処理」が波かっこの内側に1段さがってしまうからだよ。

ガードなら「ダメなケースを先に払ってしまえば、残りは全部やりたい処理」と読める。処理が長くなるほど、この差は効いてくるよ。