Jquery val()方法的使用

从Java Tutorial中获取了以下关于val()方法的代码:
<!DOCTYPE html>







val demo

<br><br> p {<br><br> color: red;<br><br> margin: 4px;<br><br> }<br><br> b {<br><br> color: blue;<br><br> }<br><br>







Single

Single2

Single3





Multiple

Multiple2

Multiple3

function displayVals() { var singleValues = $( "#single" ).val(); var multipleValues = $( "#multiple" ).val() || []; $( "p" ).html( "<b>Single:</b> " + singleValues + " <b>Multiple:</b> " + multipleValues.join( ", " ) ); } $( "select" ).change( displayVals ); displayVals();





问题是:
1. var multipleValues = $( "#multiple" ).val() || []; 中的||[]是指什么
2.$( "p" ).html( "Single: " + singleValues +

" Multiple: " + multipleValues.join( ", " ) ); 中的.join(",")是什么。

我把上面的.join(",")和||[]删掉了 选项还是以下图中的下拉框的形式出现。所以我不明白这两个东西是起什么作用的。
图片说明

1、如果$( "#multiple" ).val()为空酒赋值[]
2、将multipleValues的所有元素放入一个字符串,以逗号隔开

$( "#multiple" ).val()如果没有选中默认返回null ,选中返回选中的值字符串数组,||操作符取第一个非等价于false的值返回,如果都是false返回最后一个
参考:javascript判断中为假false的值
join是数组的方法,将数组项用制定字符连一起返回

判断$( "#multiple" ).val()的值,如果有值,直接使用这个值如果没有 那就给它初始化一个 空数组

join是数组操作的一个方法,用于将一个数组中的值合并成一个字符串输出出来