jquery - 以下のコードは jquery で何を返しますか?

Question

$("#para").text('')
.append($("input.selected").map(function() {
return $(this).val() || null;
}).get().join("<br/> "));

$(this).val() || null;ここの目的は何 ですか？

Answer 1

val()入力の値を文字列として返します。空の文字列は JS では偽の値です。つまり、文字列が空の場合は false と評価されます。OR 短絡演算子||は、前の条件が false の場合、その後のコードを評価します。したがって、そのコードが行っているのはnull、値が空の場合に返されることです。

Answer 2

$.map() ... input.selected の値を配列にマップし、.. でjoin結合します<br>。

配列またはオブジェクト内のすべての項目を項目の新しい配列に変換します。

inputそのため、コードは、クラスの値が存在するか NULL の場合、値selectedを id の要素に追加しますpara

例..

<div id="para"></div>

<input class="selected" value="test"/>
<input class="selected" value="test2"/>
 <input class="selected" value=""/>  // || NULL works here so returns null

上記の関数はこれを追加します

test <br> test2

に#para

最終結果

<div id="para">test <br> test2</div>  //result is the same