Date类型
Javascript中的Date类型是在早期java中的java.util.Date类基础上构建的。为此,Date类型使用自UTC(Coordinated Universal Time,国际协调时间)1970年1月1日午夜(零时)开始经过的毫秒数来保存日期。在使用这种数据存储格式的条件下,Date类型保存的日期能够精确到1970年1月1日之前或之后的100000000年。
要创建一个日期对象,使用new操作符和Date构造函数即可,例如:
var now = new Date();
在调用Date构造函数而不传递参数的情况下,新创建的对象自动获得当前日期和时间。如果想要根据特定的日期和时间创建日期对象,必须传入表示该日期的毫秒数。为了简化这一计算过程,JS提供了:
- Date.parse(),接收一个表示日期的字符串参数,然后尝试根据这个字符串返回响应日期的毫秒数。
- Date.UTC(),参数是年份、基于0的月份、月中的哪一天、小时数、分钟、秒、毫秒数。年和月是必传的。返回表示日期的毫秒数。
- Date.now(),返回表示调用这个方法时的日期和时间的毫秒数。
继承的方法
与其他引用类型一样,Date类型也重写了toLocaleString()、toString()、valueOf()方法;但这些方法返回的值与其他类型中的方法不同。
- toLocaleString(),会按照与浏览器设置的地区相适应的格式返回日期和时间。
- toString(),返回带有时区信息的日期和时间。
- valueOf(),返回日期的毫秒表示。
日期格式化方法
- toDateString()-以特定于实现的格式显示星期几、月、日和年。
- toTimestring()-以特定于实现的格式显示时、分、秒和时区。
- toLocaleDateString()-以特定于地区的格式显示星期几、月、日和年。
- toLocaleTimeString()-以特定于实现的格式显示时、分、秒。
- toUTCString()-以特定于实现的格式实现完整的UTC日期。
日期/时间组件方法
- getTime() 返回表示日期的毫秒数,与valueOf()方法返回的值相同。
- setTime(毫秒) 以毫秒数设置日期,会改变整个日期。
- getFullYear() 取得四位数的年份。
- getUTCFullYear() 返回UTC日期的4位数年份。
- setFullYear(年) 设置日期年份,传入的年份值必须是四位数。
- setUTCFullYear(年) 设置UTC日期年份,传入的年份值必须是四位数。
- getMonth() 返回日期中的月份,0表示1月,11表示12月。
- getUTCMonth() 返回UTC日期中的月份,0表示1月,11表示12月。
- setMonth(月) 设置日期的月份,传入的月份值必须大于0,超过11则增加年份。
- setUTCMonth(月) 设置UTC日期的月份,传入的月份值必须大于0,超过11则增加年份。
- getDate() 返回日期月份中的天数(1到31)。
- getUTCDate() 返回UTC日期月份中的天数(1到31)。
- setDate(日) 设置日期月份中的天数,如果传入的值超过了该月中应有的天数,则增加月份。
- setUTCDate(日) 设置UTC日期月份中的天数,如果传入的值超过了该月中应有的天数,则增加月份。
- getDay() 返回日期中星期的星期几(0表示星期日,6表示星期六)。
- getUTCDay() 返回UTC日期中星期的星期几(0表示星期日,6表示星期六)。
- getHours() 返回日期中的小时数(0到23)。
- getUTCHours() 返回UTC日期中的小时数(0到23)。
- setHours(时) 设置日期中的小时数,传入的值超过了23则增加月份中的天数。
- setUTCHours(时) 设置UTC日期中的小时数,传入的值超过了23则增加月份中的天数。
- getMinutes() 返回日期中的分钟数(0到59)。
- getUTCMinutes() 返回UTC日期中的分钟数(0到59)。
- setMinutes(分) 设置日期中的分钟数,传入的值超过59则增加小时数。
- setUTCMinutes(分) 设置UTC日期中的分钟数,传入的值超过59则增加小时数。
- getSeconds() 返回日期中的 秒数(0到59)。
- getUTCSeconds() 返回UTC日期中的 秒数(0到59)。
- setSeconds(秒) 设置日期中的秒数,传入的值超过59则增加分钟数。
- setUTCSeconds(秒) 设置UTC日期中的秒数,传入的值超过59则增加分钟数。
- getMilliseconds() 返回日期中的毫秒数。
- getUTCMilliseconds() 返回UTC日期中的毫秒数。
- setMilliseconds(毫秒) 设置日期中的毫秒数。
- setUTCMilliseconds(毫秒) 设置UTC日期中的毫秒数。
- getTimezoneOffset() 返回本地时间与UTC时间相差的毫秒数。
RegExp类型
JS通过RegExp类型来支持正则表达式。使用下面类似Perl的语法,就可以创建一个正则表达式。
var expression = / pattern / flags;
其中的模式(pattern)部分可以是任何简单或复杂的正则表达式,可以包含字符类、限定符、分组、向前查找以及反向引用。每个正则表达式都可以带有一或多个标志(flags),泳衣标明正则表达式的行为。正则表达式的匹配模式支持下列3个标志:
- g:表示全局(global)模式,即模式将被应用于所有字符串,而非在发现第一个匹配项时立即停止。
- i:表示不区分大小写(case-insensitive)模式,即在确定匹配项时忽略模式和字符串的大小写。
- m:表示多行(multiline)模式,记载到达一行文本末尾时还会继续查找下一行中是否存在与模式匹配的项,
一个正则表达式就是一个模式与上述3个标志的组合体。例如:
/* 匹配字符串中所有“at”的实例 */
var pattern1 = /at/g;
/* 匹配第一个“bat”或“cat”,不区分大小写 */
var pattern2 = /[bc]at/i;
/* 匹配所有以”at“结尾的3个字符的组合,不区分大小写 */
var pattern3 = /.at/gi;
与其他语言中的正则表达式类似,模式中使用的所有元字符都必须转义。正则表达式中的元字符包括:
( [ { \ ^ $ | ) ? * + . ] }
这些元字符在正则表达式中都有一或多种特殊用途,因此如果想要匹配字符串中包含的这些字符,就必须对它们进行转义。例如:
//匹配第一个"bat"或"cat",不区分大小写
var pattern1= /[bc]at/i;
//匹配第一个"[bc]at",不区分大小写
var pattern2= /\[bc\]at/i;
//匹配所有以"at"结尾的3个字符的组合,不区分大小写
var pattern3= /.at/gi;
//匹配所有".at",不区分大小写
var pattern4= /\.at/gi;
上面的例子都是以字面量的形式来定义的正则表达式。另一种创建正则表达式的方式是使用RegExp构造函数,它接收两个参数:一个是要匹配的字符串模式,另一个是可选的标志字符串。可以使用字面量定义的任何表达式,都可以使用构造函数来定义。例如:
//匹配第一个"bat"或"cat",不区分大小写
var pattern1= /[bc]at/i;
//与pattern1相同,只不过是使用构造函数创建的
var pattern2=new RegExp("[bc]at","i");
/*在此,pattern1和pattern2是两个完全相等的正则表达式。*/
- 要注意的是,传递给RegExp构造函数的两个参数都是字符串。
- 由于RegExp构造函数的模式参数是字符串,所以在某些情况下要对字符串进行转义。
- 所有元字符都必须双重转义,那些已经转义过的字符也是如此,例如\n(字符\在字符串中通常被转义为\,而在正则表达式字符串中就会变成\\)。
字符量模式 | 等价的字符串 |
---|---|
/\[bc\]at/ | "\\[bc\\]at" |
/\.at/ | "\\.at" |
/name\/age/ | "name\\/age" |
/\d.\d{1,2}/ | "\\d.\\d{1,2}" |
/\w\\hello\\123/ | "\\w\\\\hello\\\\123" |
RegExp实例属性
- global:布尔值,表示是否设置了g标志。
- ignoreCase:布尔值,表示是否设置了i标志。
- lastIndex:整数,表示开始搜索下一个匹配项的字符位置,从0算起。
- multiline:布尔值,表示是否设置了m标志。
- source:正则表达式的字符串表示,按照字面量形式而非传入构造函数中的字符串模式返回。
var pattern1= /\[bc\]at/i;
alert(pattern1.global); //false
alert(pattern1.ignoreCasr); //true
alert(pattern1.multiline); //false
alert(pattern1.laastIndex); //0
alert(pattern1.source); //"\[bc\]at"
var pattern2=new RegExp("\\[bc\\]at","i");
alert(pattern2.global); //false
alert(pattern2.ignoreCase); //true
alert(pattern2.multiline); //false
alert(pattern2.lastIndex); //0
alert(pattern2.source); //"\[bc\]at"
//source属性保存的是规范形式的字符串,即字面量形式所用的字符串
RegExp实例方法
RegExp对象的主要方法是exec(),该方法是专门为捕获组设置的。exec()接受一个参数,即要应用模式的字符串,然后返回包含第一个匹配项信息的数组;或者在没有匹配项的情况下返回null。
var text= "mom and dad and baby";
var pattern= /mom( and dad( and baby)?)?/gi;
var matches=pattern.exec(text);
alert(matches.index); //0
alert(matches.input); //"mom and dad and baby"
alert(matches[0]); //"mom and dad and baby"
alert(matches[1]); //" and dad and baby"
alert(matches[2]); //" and baby"
/*这个例子中的模式包含两个捕获组。最内部的捕获组匹 配"and baby",而包含它的捕获组匹配"and dad"或者"and dad and baby"。当把字符串传入exec()方法中之后,发现了一个匹配项。因为整个字符串本身与模式匹配,所以返回的数组matches的index属性值为0。数组中大的第一项是匹配的整个字符串,第二项包含与第一个捕获组匹配的内容,第三项包含与第二个捕获组匹配的内容*/
对于exec()方法而言,即使在全局模式中设置了全局标志(g),它每次也只会返回一个匹配项项。在不设置全局标志的情况下,在同一个字符串上多次调用exec()将始终返回第一个匹配项的信息。而在设置全局标志的情况下,每次调用exec()都会在字符串中继续查找新匹配项。
var text="cat,bat,sat,fat";
var pattern1=/.at/;
var matches=pattern1.exec(text);
alert(matches.index);//0
alert(matches[0]);//cat
alert(pattern1.lastIndex);//0
matches=pattern1.exec(text);
alert(matches.index);//0
alert(matches[0]);//cat
alert(pattern1.lastIndex);//0
var pattern2= /.at/g;
var matches=pattern2.exec(text);
alert(matches.index);//0
alert(matches[0]);//cat
alert(pattern2.lastIndex);//3
matches=pattern2.exec(text);
alert(matches.index);//5
alert(matches[0]);//bat
alert(pattern2.lastIndex);//8
正则表达式的第二个方法是test(),它接受一个字符串参数。在模式与该参数匹配的情况喜爱返回true;否则,返回false。在只想知道目标字符串与某个模式是否匹配,但不需知道其文本内容的情况下,使用这个方法非常方便。因此,test()方法经常被用在if语句中,例如:
var text="000-00-0000";
var pattern=/\d{3}-\d{2}-\d{4}/;
//test()方法经常被用在if语句中
if(pattern.test(text)){
alert("The pattern was matched");
}
RegExp实例继承toLocaleString()和toString()方法都会返回正则表达式的字面量,与创建正则表达式的方式无关.例如:
var pattern=new RegExp("\\[bc\\]at","gi");
alert(pattern.toString());// /\[bc\]at/gi
alert(pattern.toLocaleString());// /\[bc\]at/gi
RegExp构造函数属性
RegExp构造函数包含一些属性(这些属性在其他语言中被看成是静态属性)。这些属性适用于作用域中的所有正则表达式,并且基于所执行的最后一次正则表达式操作而变化。关于这些属性的另一个独特之处,就是可以通过两种方式访问它们。
长属性名 | 短属性名 | 说明 |
---|---|---|
input | $_ | 最近一次要匹配的字符串。Opera为实现此属性 |
lastMatch | $& | 最近一次的匹配项。Opera未实现此属性 |
|lastParen | $+ | 最近一次匹配的捕获组。Opera为实现此属性 |
leftContext | $ | input 字符串中lastMatch 之前的文本 |
multiline | $* | 布尔值,表示是否所有表达式都使用多行模式。IE和Opera未实现此属性 |
rightContext | $' | Input 字符串中lastMatch 之后的文本 |
RegExp构造函数的各个属性返回了下列值:
- input属性返回了原始字符串。
- leftContext属性返回了单词short之前的字符串,而rightContext属性则返回了short属性之后的字符串;
- lastMatch属性返回最近一次与整个表达式匹配的字符串,即short;
- lastParen属性返回最近一次匹配的捕获组。
/*例子中的长属性名都可以用相应的短属性名来代替。只不过,由于这些短属性名大都不是有效的ECMAScript标识符,因此必须通过方括号语法来访问它们*/
var text="this has been a short summer";
var pattern= /(.)hort/g;
/*
*注意:Opera不支持input、lastMatch、lastParen和multiline属性
*Internet Explorer不支持multiline属性
*/
if(pattern.test(text)){
alert(RegExp.$_); //this has been a short summer
alert(RegExp["$`"]); //this has been a
alert(RegExp["$'"]); //summer
alert(RegExp["$&"]); //short
alert(RegExp["$+"]); //s
alert(RegExp["$*"]); //false
}
模式的局限性
尽管JS中的正则表达式功能还比较完备,但仍然缺少某些语言(特别是Perl)所支持的高级正则表达式特性。
- 匹配字符串开始和结尾的\A和\Z锚。
- 向后查找(lookbehind)
- 并集和交集类
- 原子组(atomic grouping)
- Unicode支持(单个字符除外,如\uFFFF)
- 命名的捕获组
- s(single,单行)和x(free-spacing,无间隔)匹配模式
- 条件匹配
- 正则表达式注释
即使存在这些限制,ECMAScript正则表达式仍然是非常强大的,能够帮助我们完成绝大多数模式匹配任务