JavaScript學習之旅-11(原創(chuàng))

上一篇文章中脊凰,主要學習了JavaScript的閉包,箭頭函數(shù)茂腥。這一篇文章我們主要學習JavaScript中的Date狸涌、正則表達式、Json最岗、瀏覽器對象

Data:

JavaScript中杈抢,使用Data來表示日期對象,既然是日期對象我們就可以獲取具體的時間仑性、月份惶楼、分鐘等等,下面是基本的使用:

Data相關API

通過代碼的日志可以看到诊杆,JavaScript的Date對象月份值居然是從0開始算起歼捐,0 = 1 月,1 = 2月晨汹,……豹储,11=12月。

那這種尷尬的結果淘这,如何變成我們想要的實際結果咧剥扣?(也就是數(shù)字1代表的就是1月)

可以直接在月份的數(shù)據(jù)加 1 ,這樣可以快速解決問題铝穷。

正則表達式:

跟Java的設計理念一樣钠怯,正則表達式是一種用來匹配字符串的強有力的武器。它的設計思想是用一種描述性的語言來給字符串定義一個規(guī)則曙聂,凡是符合規(guī)則的字符串晦炊,我們就認為它“匹配”了,否則宁脊,該字符串就是不合法的断国。比如,匹配郵箱榆苞,匹配電話號碼等等稳衬,關于JavaScript的具體的正則表達式的內容這里就不具體講了,因為百度谷歌很多開源的輪子坐漏,我們只需要知道有這樣一個概念薄疚,使用的時候根據(jù)場景合理Copy就行

下面是一些常見的正則表達式寫法弄砍,只是列舉了其中的幾項

Json:

對于Json,開發(fā)人員不是很陌生输涕,JSON是JavaScript Object Notation的縮寫,它是一種輕量級的數(shù)據(jù)交換格式慨畸。在Java中莱坎,我們可以使用系統(tǒng)的JsonObject和JsonArray或者谷歌的Gson來進行相應的操作,那么寸士,在JavaScript中檐什,Json該如何使用?

首先弱卡,json這個數(shù)據(jù)格式乃正,對象和數(shù)組是最常用的兩種類型。其中婶博,對象表示為鍵值對瓮具、數(shù)據(jù)由逗號分隔;花括號為保存json對象凡人、方括號保存json數(shù)組名党,可能有點不好認識,下面截個圖區(qū)分一下挠轴。


1:將JavaScript對象轉換為json传睹,使用JSON.stringify 這個函數(shù)

對象轉json

其中,JSON.stringify這個函數(shù)是一個方法重載岸晦,支持多個參數(shù)欧啤,功能比較強大:


比如,我現(xiàn)在有這樣一個對象启上,我想把它轉為json字符串邢隧,但是我只想要里面的name標簽以及數(shù)組skills標簽,這種情況該如何去做冈在?

這個時候我們可以使用JSON.stringify的方法重載去使用府框,第二個參數(shù)就是過濾的條件

篩選條件

再比如,我現(xiàn)在有這樣一個對象讥邻,我想把它轉為json字符串迫靖,但是我只想要里面所有標簽的value屬性值,全部大寫兴使,這種情況又該如何去做系宜?

我們可以定義一個函數(shù),因為JSON.stringify 方法重載里面的參數(shù)发魄,也支持傳一個函數(shù)

那么盹牧,解析Json俩垃,該怎么操作?

下面就是解析Json的常規(guī)寫法:

解析json

調用parse函數(shù)即可解析json汰寓。

瀏覽器對象:

我們知道口柳,H5的代碼是部署在網頁上面的,調試也是在網頁上面進行的有滑,如果你有學習或者從事Android開發(fā)和ios開發(fā)跃闹,會發(fā)現(xiàn),手機和電腦開發(fā)的一個很大的不同在于,手機需要花很大的精力去完成適配,這一點在Android碎片化現(xiàn)象非常嚴重的現(xiàn)在尤其明顯偶妖,ios適配屏幕相反沒有那么大壓力。

1:window

window對象不僅充當全局作用域找默,而且表示瀏覽器窗口。window對象有innerWidth和innerHeight屬性吼驶,可以獲取瀏覽器窗口的內部寬度和高度惩激。內部寬高是指除去菜單欄、工具欄蟹演、邊框等占位元素后咧欣,用于顯示網頁的凈寬高。

其中轨帜,使用navigator的一些API可以獲取相應的信息魄咕,如下圖:

2:screen

screen對象表示屏幕的信息,常用的屬性有:

screen.width:屏幕寬度蚌父,以像素為單位:哮兰、screen.height:屏幕高度,以像素為單位苟弛;


屏幕


本篇文章主要學習的是關于Date喝滞、正則表達式、Json膏秫、瀏覽器對象右遭。本章的基本內容就結束了。

未完待續(xù)缤削。窘哈。。

如果這篇文章對您有開發(fā)or學習上的些許幫助亭敢,希望各位看官留下寶貴的star滚婉,謝謝。

Ps:著作權歸作者所有,轉載請注明作者, 商業(yè)轉載請聯(lián)系作者獲得授權帅刀,非商業(yè)轉載請注明出處(開頭或結尾請?zhí)砑愚D載出處让腹,添加原文url地址),文章請勿濫用,也希望大家尊重筆者的勞動成果远剩。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市骇窍,隨后出現(xiàn)的幾起案子瓜晤,更是在濱河造成了極大的恐慌,老刑警劉巖腹纳,帶你破解...
    沈念sama閱讀 218,607評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件痢掠,死亡現(xiàn)場離奇詭異,居然都是意外死亡只估,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,239評論 3 395
  • 文/潘曉璐 我一進店門着绷,熙熙樓的掌柜王于貴愁眉苦臉地迎上來蛔钙,“玉大人,你說我怎么就攤上這事荠医∮跬眩” “怎么了?”我有些...
    開封第一講書人閱讀 164,960評論 0 355
  • 文/不壞的土叔 我叫張陵彬向,是天一觀的道長兼贡。 經常有香客問我,道長娃胆,這世上最難降的妖魔是什么遍希? 我笑而不...
    開封第一講書人閱讀 58,750評論 1 294
  • 正文 為了忘掉前任,我火速辦了婚禮里烦,結果婚禮上凿蒜,老公的妹妹穿的比我還像新娘。我一直安慰自己胁黑,他們只是感情好废封,可當我...
    茶點故事閱讀 67,764評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著丧蘸,像睡著了一般漂洋。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上力喷,一...
    開封第一講書人閱讀 51,604評論 1 305
  • 那天刽漂,我揣著相機與錄音,去河邊找鬼弟孟。 笑死爽冕,一個胖子當著我的面吹牛,可吹牛的內容都是我干的披蕉。 我是一名探鬼主播颈畸,決...
    沈念sama閱讀 40,347評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼乌奇,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了眯娱?” 一聲冷哼從身側響起礁苗,我...
    開封第一講書人閱讀 39,253評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎徙缴,沒想到半個月后试伙,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經...
    沈念sama閱讀 45,702評論 1 315
  • 正文 獨居荒郊野嶺守林人離奇死亡于样,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,893評論 3 336
  • 正文 我和宋清朗相戀三年疏叨,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片穿剖。...
    茶點故事閱讀 40,015評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡蚤蔓,死狀恐怖,靈堂內的尸體忽然破棺而出糊余,到底是詐尸還是另有隱情秀又,我是刑警寧澤,帶...
    沈念sama閱讀 35,734評論 5 346
  • 正文 年R本政府宣布贬芥,位于F島的核電站吐辙,受9級特大地震影響,放射性物質發(fā)生泄漏蘸劈。R本人自食惡果不足惜昏苏,卻給世界環(huán)境...
    茶點故事閱讀 41,352評論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望威沫。 院中可真熱鬧捷雕,春花似錦、人聲如沸壹甥。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,934評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽句柠。三九已至浦译,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間溯职,已是汗流浹背精盅。 一陣腳步聲響...
    開封第一講書人閱讀 33,052評論 1 270
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留谜酒,地道東北人叹俏。 一個月前我還...
    沈念sama閱讀 48,216評論 3 371
  • 正文 我出身青樓,卻偏偏與公主長得像僻族,于是被迫代替她去往敵國和親粘驰。 傳聞我的和親對象是個殘疾皇子屡谐,可洞房花燭夜當晚...
    茶點故事閱讀 44,969評論 2 355