DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JS根據生日月份和日期計算星座的簡單實現方法
JS根據生日月份和日期計算星座的簡單實現方法
編輯:關於JavaScript     

本文實例講述了JS根據生日月份和日期計算星座的簡單實現方法。分享給大家供大家參考,具體如下:

看到了別人寫的一個計算星座的js,冗長的有點兒看不過去,就自己寫個了。

我想,這個函數應該足夠精簡了:)

什麼 if 啊 switch 啊 for 啊 通通滾蛋了……

傳入參數:month [int] 1~12;  day [int] 1~31。

// 根據生日的月份和日期,計算星座。
function getAstro(month,day){
  var s="魔羯水瓶雙魚牡羊金牛雙子巨蟹獅子處女天秤天蠍射手魔羯";
  var arr=[20,19,21,21,21,22,23,23,23,23,22,22];
  return s.substr(month*2-(day<arr[month-1]?2:0),2);
}

如果你在網上搜“日期 星座 函數”,除了我的或轉載我的代碼之外,幾乎都是長長的代碼,恐怕不能找到比上面更簡潔的代碼了。

不過這上面3行代碼仍然可以進一步精簡,再來改進一下:

// 根據生日的月份和日期,計算星座。
function getAstro(m,d){
  return "魔羯水瓶雙魚牡羊金牛雙子巨蟹獅子處女天秤天蠍射手魔羯".substr(m*2-(d<"102223444433".charAt(m-1)- -19)*2,2);
}

是不是很酷呢,只有一行代碼了,而且最大限度的精簡了。

上面用到了一個substr函數和一個charAt函數,如果不考慮IE,那麼.charAt(m-1)甚至可以精簡為[m-1]

如果不需要輸出星座名稱而只需要星座數字索引,前面的字符串也可以省去,看起來就像這樣:

// 根據生日的月份和日期,計算星座。
function getAstro(m,d){
  return m-(d<"102223444433".charAt(m-1)- -19);  //輸出0~12的數字,0表示摩羯,1表示水瓶,依此類推,...,11是射手,12是摩羯。
}

下面寫一段測試代碼來驗證:

// 根據生日的月份和日期,計算星座。
function getAstro(m,d){
  return "魔羯水瓶雙魚牡羊金牛雙子巨蟹獅子處女天秤天蠍射手魔羯".substr(m*2-(d<"102223444433".charAt(m-1)- -19)*2,2);
}
//下面寫一個測試函數
function test(m,d){
document.writeln(m+"月"+d+"日 "+getAstro(m,d));
}
//測試
test(12,21); //輸出: 12月21日 射手
test(12,22); //輸出: 12月22日 魔羯
test(1,1);   //輸出: 1月1日 魔羯
test(2,18);  //輸出: 2月18日 水瓶
test(2,19);  //輸出: 2月19日 雙魚

附十二星座日期對照:

魔羯座(12/22 - 1/19)、水瓶座(1/20 - 2/18)、雙魚座(2/19 - 3/20)、牡羊座(3/21 - 4/20)、
金牛座(4/21 - 5/20)、雙子座(5/21 - 6/21)、巨蟹座(6/22 - 7/22)、獅子座(7/23 - 8/22)、
處女座(8/23 - 9/22)、天秤座(9/23 - 10/22)、天蠍座(10/23 - 11/21)、射手座(11/22 - 12/21)

更多關於JavaScript相關內容感興趣的讀者可查看本站專題:《JavaScript時間與日期操作技巧總結》、《JavaScript切換特效與技巧總結》、《JavaScript查找算法技巧總結》、《JavaScript動畫特效與技巧匯總》、《JavaScript錯誤與調試技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數學運算用法總結》

希望本文所述對大家JavaScript程序設計有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved