week14---12月8日 JS内置对象——string、Date

一、复习

1、Array数组对象

 

二、新课

（一）String字符串对象

    字符串是JavaScript的基本数据类型，每个字符串常量、变量都是String对象。字符串对象的内容是不可变的，String对象的函数对字符串的处理都不会改变原字符串内容，而是将处理结果作为新的字符串对象返回。

1．String对象的长度属性length

    字符串对象只有一个长度属性(不是方法)，可用于获取字符串所包含的字符个数。

    例如：var txt="Hello World!";   则 txt.length的值为12

2．获取指定位置的字符charAt( [index] )

    charAt()方法返回字符串中index指定位置的字符(第一个字符位置为0)。如果省略参数或取值为0则返回第一个字符，如果指定的index不在字符串长度的范围内则返回空值""。

    例如：varstr="Hello world!";

    则str.charAt(str.length-1)的值是"!"

        str.charAt()的值是"H"

        str.charAt(40)的值是""。

3．获取指定位置字符的Unicode编码charCodeAt([index] )

    charCodeAt() 返回字符串中index指定位置字符的Unicode编码值，若返回值在0~255之间则属于ASCII字符。如果省略参数或取值为0则返回第一个字符的Unicode值，如果指定的index不在字符串长度的范围内则返回NaN。

    例如：varstr="A我们学习";

    则str.charCodeAt(1)的值是25105

        str.charCodeAt()的值是65

        str.charCodeAt(40)的值是NaN

4．获取指定范围的子字符串substring(start[,end])

    substring()方法返回当前字符串中从start到end-1指定范围内的子字符串。省略end则从start位置一直取到结尾。

    start与end必须是正数，相等返回空串，start大于end自动交换

5．获取指定范围的子字符串slice(start[,end])

    slice()方法与substring()方法的功能相同，区别是slice()方法的start与end参数可以取负值，即可以从尾部向前查找指定位置，最后一个字符的位置为-1。

6．获取指定字符数的子字符串substr(start[, length] )

   substr()从当前字符串中提取从start位置开始的length个字符的子字符串并返回该子串。省略length从start一直取到结尾。

   该方法可替代substring()和splice()但没有标准化不赞成使用

7．正向检索查找子字符串indexOf( 子字符串[, 起始位置] )

   indexOf()从指定位置开始向后查找匹配的子字符串(区分大小写)，返回首次出现子串第1个字符的位置，没有找到返回-1。

省略起始位置默认0，即从字符串开头开始查找。

8．逆向检索查找子字符串lastIndexOf( 子字符串[, 最后位置] )

   lastIndexOf()方法从指定位置开始向前查找匹配(区分大小写)的子字符串，返回首次出现指定子串第一个字符的位置(即最后一次出现的位置)，如果没有找到返回-1。

   省略最后位置为最后一个字符，即从字符串结尾向前查找。

9．比较字符串localeCompare( string)

   localeCompare()方法用本地排序规则比较两个字符串，如果当前字符串大于参数字符串返回正数，两个字符串相等返回0，当前字符串小于参数字符串返回负数。

10．字符串转换小写/大写字母toLowerCase()/toUpperCase()

11．获取Unicode码组成的字符串

         String.fromCharCode([code1[, code2, code3, … ]] )

   fromCharCode()方法返回由指定Unicode码组成的字符串，省略参数返回空值""。该方法为String类方法必须用类名调用

12．生成页面锚点anchor(anchorname)

   anchor()方法可在页面中自动生成名字为anchorname的HTML锚点标记。

   例如str.anchor("myanchor") 等价HTML标记

   <aname="myanchor">str</a>

13．生成页面超链接link(url)

   link()方法可在页面中自动生成为<a>超链接标记：

   <ahref="url">str</a>

14．用指定颜色显示字符串fontcolor(color)

   fontcolor(color)方法可用指定颜色在页面中显示字符串，参数color必须是颜色名、#十六进制数或rgb(255,0,0)格式。

15．用指定字号显示字符串fontsize(size)

   fontsize(size)方法可用指定字号在页面中显示字符串，参数size必须是数字1~7。

16．其他与页面显示有关的字符串方法

• 用大号字显示当前字符串big()
• 用小号字显示当前字符串small()
• 用粗体字显示当前字符串bold()
• 用斜体字显示当前字符串italics()
• 用打字机固定字体显示当前字符串fixed()
• 加删除线显示当前字符串strike()
• 把字符串显示为上标sup()
• 把字符串显示为下标sub()

例10-3

实训内容：表单的邮件检查

（二）Date

1 Date日期时间对象的创建

varmyDate=new Date( [日期时间字符串] )

    varmyDate=new Date( [year, month, day] )

    用构造方法可以创建由参数指定的日期时间对象，可以使用日期时间字符串、也可以使用年、月、日数组作参数，省略参数默认为机器系统当前的日期时间。

    使用年、月、日数组作参数创建指定日期时间对象时，年份参数year必须是4位数，如果使用2位数则创建的日期为19xx年。

日期时间对象默认的显示格式为：英文月份 日期 年份 时:分:秒

    例如：July 21 1983 01:15:00

    日期对象可直接进行大小比较：if (myDate>today) { ... }

1）获取日期时间的方法

默认本地日期时间，UTC表示世界时

getYear()     返回两位或四位数年份，已被getFullYear() 取代

getFullYear() / getUTCFullYear()  返回四位数年份

getMonth()  / getUTCMonth()         返回月份(0 ~ 11)

getDate()    / getUTCDate()              回某天几号

getDay()    / getUTCDay()                返回一周中的星期几(日0 ~ 6)

getHours()  / getUTCHours()          返回小时(0 ~ 23)默认24小时

getMinutes() / getUTCMinutes()    返回分钟(0 ~ 59)

getSeconds() / getUTCSeconds()     返回秒数(0 ~ 59)

getMilliseconds() / getUTCMilliseconds() 返回毫秒(0 ~ 999)

getTime()      返回1970.1.1至当前对象的毫秒数，等价valueOf()

getTimezoneOffset() 返回本地与格林威治时间的分钟差GMT

Date.parse(日期时间字符串或日期对象)

    类方法，返回指定日期与1970.1.1日00:00:00相隔的毫秒数

Date.UTC(y, m, d [, h [, m [, s [, ms]]]])

    类方法，返回指定日期距世界时1970.1.1日00:00:00的毫秒数

2）设置日期时间的方法

函数在标准化之前无返回值，标准化以后都返回1970.1.1日00:00:00至所设置新日期时间的毫秒数。

setYear(year)    设置两位或四位年份，已被setFullYear() 代替

setFullYear( year [, month [, day]] )

setUTCFullYear( year [, month [, day]] )

    设置四位数字的年份 [, 0 ~ 11月份 [，1 ~ 31日子]]

    例如：myDate.setFullYear(2008, 7, 9) 设置为2008年8月9日

setMonth( month [, day] ) / setUTCMonth( month [, day] )

    设置0-11月份 [，1 ~ 31日子]

setDate( day ) / setUTCDate( day )   设置1~31日子

    例如：myDate.setDate(myDate.getDate()+105)

    从当前日期推迟105天数，自动改变月份年份

setHours( hour[, min[, sec[, millisec]]] )

setUTCHours( hour[, min[, sec[, millisec]]] )

    设置0 ~ 23小时 [, 0 ~ 59分钟 [, 0 ~ 59秒 [, 0 ~ 999毫秒值 ]]]

    参数为一位数字JavaScript会在结果中自动加1或2个前置0

setMinutes( min[, sec[, millisec]] )

setUTCMinutes( min[, sec[, millisec]] )

    设置0 ~ 59分钟 [, 0 ~ 59秒 [, 0 ~ 999毫秒值 ]]

setSeconds( sec[, millisec] ) / setUTCSeconds( sec[, millisec] )

    设置0 ~ 59秒 [, 0 ~ 999毫秒值 ]

setMilliseconds( millisec ) / setUTCMilliseconds( millisec )

    设置0 ~ 999毫秒值

setTime( millisec )  根据1970.1.1日00:00:00向后（负数向前）的毫秒数设置日期时间

3）显示日期时间的方法

valueOf()           返回1970.1.1至当前对象毫秒数，等价getTime()

toString()          返回Date默认格式字符串， toString()可省略

toDateString()  返回Date对象的日期部分字符串

toTimeString() 返回Date对象的时间部分字符串，默认24小时制

toUTCString()  返回Date对象世界时字符串

toGMTString() 返回Date格林威治字符串，用toUTCString()取代

toLocaleString() 返回本地格式的日期、时间字符串(24小时制)

toLocaleDateString()  返回本地格式的日期部分字符串

     IE6.0-sp3浏览器自动带有星期几，而IE6.0-sp2及其他IE或火狐浏览器都不带星期

toLocaleTimeString()  返回本地格式时间字符串默认24小时制

示例：10-11，10-12

操作：时间的12--24小时制

思考：让时间动起来。