2012年8月30日 星期四

[宅] javascript筆記(3) - 正規表示式以及undefined的定義



About 正規表示式...

今天在coding的時候發現傳遞正規表示式的過程中似乎會默認它的型態為String,例如:
var reg = /\S/; //此時還是正規表示式

var str = "kevin";

check(reg, str); //丟進function後就變成String了

這時在check()中的reg.test(str)就會失效

經過survey後發現正規表示式其實是一個物件,在javascript中我們可以這樣來定義他:

var patt=new RegExp(pattern,modifiers);

//or below:

var patt=/pattern/modifiers;(pattern,modifiers);

實際的使用方法可以參考w3school的教學:
http://www.w3schools.com/js/js_obj_regexp.asp

所以在開頭提到的例子中我們可以先在check()的scope裡以str為變數新增一個正規表示式,如下:

var pat = new RegExp(reg);

alert(pat.test(str));

這樣就沒問題了~ :)


About "undefined"...

今天也遇到了讀取物件不存在的attribute會傳回undefined的問題,因為我們事先並不知道這個attribute是不是被建立了,所以我們可以用
typeof(obj.attr)=="undefined";
來判斷~



2012年8月24日 星期五

[宅] javascript筆記(2) - JSON, Object, String


要在javascript下建立一個obj只需要用以下的方法:
var obj = {key1:value1, key2:value2};


可以用"obj.key"的方式取得obj中的attribute,例如:
alert(obj.key);


有時候為了試用別人寫好的lib,會需要JSON格式的data,可以用字串轉JSON的方式人工產生,像這樣:
var value = 3;
var data = "{key:value}";//string
var json = eval('(' + data + ')');//json

這樣一來當你執行
alert(json.key);
就會跳出"3"了,如果希望以字串的方式寫死在value裡,可以用下的方式:
var data = "{key:'Hello JSON!'}";//string

至於JSON轉成object的方法,我們可以用jquery提供的parseJSON
var obj = jQuery.parseJSON('{"name":"John"}');



2012年8月6日 星期一

[宅] javascript 筆記(1) - 關於input標籤


一般來說,要取得<input>標籤內的輸入值,幾乎都可以透過jquery所提供的.val()來取得,其中select以及text類別的內容取得都還算容易,只要丟入id即可,但在type=radio的情形下就稍微比較特殊,要透過以下的方式來取得。
舉例來說:

<input name="StationName" type="radio" id="lbf_0" value="0" />

<input name="StationName" type="radio" id="lbf_1008" value="1008" />

<input name="StationName" type="radio" id="lbf_1011" value="1011" />

<input name="StationName" type="radio" id="lbf_1015" value="1015" />

<input name="StationName" type="radio" id="lbf_1017" value="1017" />

<input name="StationName" type="radio" id="lbf_1025" value="1025" />

<input name="StationName" type="radio" id="lbf_1319" value="1319" />

<input name="StationName" type="radio" id="lbf_1120" value="1120" />


因為每個選項都有自己的id,所以在selector的設定上就要費點心思,在這個情形下我們能用以下方式解決:

$("input[name='StationName']:checked").val();

這邊要注意的是,如果在selector中沒有加上"checked"這個條件,val()回傳的會是他所找到的第一個選項的value,而不是真正被check的選項。