2019-12-19:第五章:引用类型(日期与正则表达式)

3.Date类型

ECMAScript中的Date类型来源于Java早期的util.Date类。因此js的日期也是根据从UTC时间1970年1月1日零时开始经过的毫秒数来保存的。

创建日期类型的方法是 var time = new Date()。在不传递任何参数的情况下,Date()构造函数自动为新创建的对象赋值为当前时间。如果想获得特定的日期,那么就必须输入一个时间戳。这个时间戳代表了从UTC时间1970年1月1日零时到目标时间的毫秒数

为了计算这个时间戳,可以使用Date.parse()和Date.UTC()。

Date.parse()方法是输入一个代表时间的字符串,方法将返回代表该日期的时间戳。但是这个字符串的格式并没有明确的定义,其格式是根据PC地区设置而异的:

当pc的地区设置为美国时
当地区为中国时,常规格式是有效的

Date.UTC()方法输入的是若干个参数:年,月(0-11),日(1-31),小时(0-23),分钟(0-60),秒(0-60),在这些参数中,只有年月是必填,其他参数如果没有填写,则全部默认为0。

只填了年月日

另外还可以使用Date.now()来计算调用本函数时当前时间的毫秒数,通常用来在需要统计时间花销或系统性能时,计算初始与结束两次调用Date.now()的时间差。

等待1000毫秒,运行11毫秒

注意这里填写的时间都是基于本地时间来计算的,实际在转换时会首先减去或加上本地时区,达到与UTC时区的同步,再进行下一步计算。

3.1继承方法

Date类型重写了三类最基本的方法:

toLocaleString()返回按照浏览器设置的地区相适应的格式的日期和时间,通常会带有AM或PM。

toString()返回带有时区信息的日期。

二者不同

但是这两个方法在不同的浏览器采用不同地区设置时,返回结果几乎天差地别,因此没什么实际使用价值就是了。

而valueOf()则仍然是返回毫秒数,与上述的几种方法是比较类似的。

3.2日期格式化与日期组件

日期向字符串转换的方法
日期组件

4.RegExp正则表达式

js中的正则使用 / pattern / flag的形式,其中pattern为正则表达式内容,flags为标志,用来声明正则的行为。

三者可以在一个正则表达式里同时出现。

在正则表达式的内容中,对一切元字符必须做转义:通常的元字符包括:\( , \[, \{, \^, \|, \$, \?, \*, \+, \., \], \}, \/,如下例子:

/[ 和 [ 在正则里完全不同

创建正则表达式有两种方式:

① var exp = /[bc]at/g    //字面量法

② var exp = new RegExp(“[bc]at”,“g”)   //构造函数法  

4.1RegExp实例属性

g,对应的属性叫做exp.global(全局,应用于所有字符串,而不会在找到第一个匹配后停止)

i,对应的属性叫做exp.ignoreCase(不区分大小写,匹配时忽略大小写的问题)

m,对应的属性叫做exp.multiline(多行,在一行文本的末尾后还会继续查找下一行是否存在匹配)

lastIndex属性,表示开始搜索下一个匹配项的字符位置,从0开始。

展示last属性

source属性,就是正则具体写的内容,是一个字符串。在上图的例子里就是a.source = "[bc]at"。

4.2RegExp实例方法

① exec()。exec接受一个参数,即要被应用正则的字符串。然后返回第一个匹配项信息的数组。在没有正确匹配值时返回null。

exec()的返回值数组可以访问所有符合匹配原则的字符串,input属性返回被应用的正则字符串本体,index属性返回第一个匹配项在字符串中的位置。

如图所示

② test()。接受一个字符串参数,在完成匹配的情况下返回true,否则返回false。常常用来做条件处理,代表某个字符串里面是否包含某个匹配项,例如检验用户的输入与规则是否相符。

4.3正则表达式的写法

太多了实在,一点一点学实在力不从心,这玩意就现用现学吧,而且网上有N多有用的轮子,随便搬运几个自己在工程里经常使用的:

① /^abc/ 以给定字符开头 

② /zfg$/  以给定字符结尾

③ /[^abc$]/ 表示精确匹配

④ /^1[3458]\d{9}$/ 匹配手机号

⑤ /^(0\d{2}[\-]\d{8})|(0\d{3}[\-]\d{7})$/ 匹配固定电话

⑥ /^[\w\-\.]+\@[\w]+\.[\w]{2,4}$/ 匹配邮箱

⑦ /[^\d]/ 只能输入数字

⑧ /[^\u4E00-\u9FA5]/ 只能输入汉字

⑨ \\< *[img][^\\>]*[src] *= *[\\"\\']{0,1}([^\\"\\'\\ >]*) 提取网页图片

⑩ ((?:(?:25[0-5]|2[0-4]\\d|[01]?\\d?\\d)\\.){3}(?:25[0-5]|2[0-4]\\d|[01]?\\d?\\d)) IP地址


©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 213,558评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,002评论 3 387
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 159,036评论 0 349
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,024评论 1 285
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,144评论 6 385
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,255评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,295评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,068评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,478评论 1 305
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,789评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,965评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,649评论 4 336
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,267评论 3 318
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,982评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,223评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,800评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,847评论 2 351

推荐阅读更多精彩内容

  •   引用类型的值(对象)是引用类型的一个实例。   在 ECMAscript 中,引用类型是一种数据结构,用于将数...
    霜天晓阅读 1,045评论 0 1
  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 3,226评论 0 4
  • 正则表达式到底是什么东西?字符是计算机软件处理文字时最基本的单位,可能是字母,数字,标点符号,空格,换行符,汉字等...
    狮子挽歌阅读 2,143评论 0 9
  • 引用类型的值时引用类型的一个实例。在ECMAScript中,引用类型是一种数据结构,用于将数据和功能组织在一起。有...
    cooore阅读 280评论 0 1
  • 参考基础教程的整理,方便记忆 一、Object对象 (O大写) 所有其他对象都继承自这个对象。Object本身也是...
    Viaphlyn阅读 2,316评论 0 0