Javascript进阶篇——( JavaScript内置对象---上-Date,string,charAt,indexOf,split,substring,substr)笔记整理

什么是对象
JavaScript 中的所有事物都是对象，如:字符串、数值、数组、函数等，每个对象带有属性和方法。
对象的属性：反映该对象某些特定的性质的，如：字符串的长度、图像的长宽等；
对象的方法：能够在对象上执行的动作。例如，表单的“提交”(Submit)，时间的“获取”(getYear)等；
JavaScript 提供多个内建对象，比如 String、Date、Array 等等，使用对象前先定义，如下使用数组对象：

var objectName =new Array();//使用new关键字定义对象

或者

var objectName =[];

访问对象属性的语法:

objectName.propertyName

如使用 Array 对象的 length 属性来获得数组的长度：

var myarray=new Array(6);//定义数组对象
var myl=myarray.length;//访问数组长度length属性

以上代码执行后，myl的值将是：6

访问对象的方法：

objectName.methodName()

如使用string 对象的 toUpperCase() 方法来将文本转换为大写：

var mystr="Hello world!";//创建一个字符串
var request=mystr.toUpperCase(); //使用字符串对象方法

以上代码执行后，request的值是：HELLO WORLD!

 

 

Date 日期对象
日期对象可以存储任意一个日期，并且可以精确到毫秒数（1/1000秒）。
定义一个时间对象：

var Udate = new Date();

注意：使用关键字new Date()的首字母必须大写。
使 Udate 成为日期对象，并且已有初始值：当前时间(当前电脑系统时间)。

如果要自定义初始值，可以用以下方法：

var d = new Date(2012, 10, 1); //2012年10月1日
var d = new Date('Oct 1, 2012'); //2012年10月1日

我们最好使用下面介绍的“方法”来严格定义时间。
访问方法语法：“<日期对象>.<方法>”

 

 

 

返回/设置年份方法
get/setFullYear() 返回/设置年份，用四位数表示。

var mydate=new Date();//当前时间2014年3月6日
document.write(mydate+"<br>");//输出当前时间
document.write(mydate.getFullYear()+"<br>");//输出当前年份
mydate.setFullYear(81); //设置年份
document.write(mydate+"<br>"); //输出年份被设定为 0081年。

不同浏览器， mydate.setFullYear(81)结果不同，年份被设定为 0081或81两种情况。
结果：
Wed Nov 04 2015 15:04:14 GMT+0800 (中国标准时间)
2015
Tue Nov 04 81 15:04:14 GMT+0800 (中国标准时间)
注意:
1.结果格式依次为：星期、月、日、年、时、分、秒、时区。
2. 不同浏览器，时间格式有差异。

 

 

返回星期方法
getDay()返回星期，返回的是0-6的数字，0表示星期天。
如果要返回相对应“星期”，通过数组完成：

<script type="text/javascript">
    var mydate=new Date();//定义日期对象
    var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];//定义数组对象,给每个数组项赋值
    var mynum=mydate.getDay();//返回值存储在变量mynum中
    document.write(mydate.getDay());//输出getDay()获取值
    document.write("今天是："+ weekday[mynum]);//输出星期几
</script>

 

 

 

返回/设置时间方法
get/setTime() 返回/设置时间，单位毫秒数，计算从 1970 年 1 月 1 日零时到日期对象所指的日期的毫秒数。
如果将目前日期对象的时间推迟1小时，代码如下:

<script type="text/javascript">
    var mydate=new Date();
    document.write("当前时间："+mydate+"<br>");
    mydate.setTime(mydate.getTime() + 60 * 60 * 1000);
    document.write("推迟一小时时间：" + mydate);
</script>

结果:
当前时间：Wed Nov 04 2015 16:29:09 GMT+0800 (中国标准时间)
推迟一小时时间：Wed Nov 04 2015 17:29:09 GMT+0800 (中国标准时间)
注意:

1. 一小时 60 分，一分 60 秒，一秒 1000 毫秒
2. 时间推迟 1 小时,就是: “x.setTime(x.getTime() + 60 * 60 * 1000);”
推迟两小时是：“x.setTime(x.getTime() + 2 * 60 * 60 * 1000);”

 

 

String 字符串对象
在之前的学习中已经使用字符串对象了，定义字符串的方法就是直接赋值。比如：

var mystr = "I love JavaScript!"

定义mystr字符串后，我们就可以访问它的属性和方法。
访问字符串对象的属性length:

stringObject.length; //返回该字符串的长度。

var mystr="Hello World!";
var myl=mystr.length;

以上代码执行后，myl 的值将是：12
访问字符串对象的方法：
使用 String 对象的 toUpperCase() 方法来将字符串小写字母转换为大写：

var mystr="Hello world!";
var mynum=mystr.toUpperCase();

以上代码执行后，mynum 的值是：HELLO WORLD!

 

 

 

返回指定位置的字符
charAt()方法可返回指定位置的字符。返回的字符是长度为1的字符串。
语法：

stringObject.charAt(index)

参数说明：

参数	描述
index	必需。表示字符串中某个位置的数字，即字符在字符串中的下标。

 

 

 

 

注意：1.字符串中第一个字符的下标是0。最后一个字符的下标为字符串长度减一（string.length-1）。
         2.如果参数index不在0与string.length-1之间，该方法将返回一个空字符串。
如:在字符串 "I love JavaScript!" 中，返回位置2的字符：

<script type="text/javascript">
    var mystr="I love JavaScript!"
    document.write(mystr.charAt(2));
</script>

注意：一个空格也算一个字符。
运行结果：l
返回最后一个字符：

<script type="text/javascript">
    var mystr="I love JavaScript!"
    document.write(mystr.charAt(mystr.length-1));
</script>

 

 

 

返回指定的字符串首次出现的位置
indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。
语法：

stringObject.indexOf(substring,startpos)

参数说明：

参数	描述
substring （子串）	必需。规定需检索的字符串值。
startpos （起始点）	可选的整数参数。规定在字符串中开始检索的位置。它的合法 取值是0到stringObject.length-1。如省略该参数，则将从字符串的首字符开始检索。

 

 

说明：
1.该方法将从头到尾地检索字符串 stringObject，看它是否含有子串 substring。
2.可选参数，从stringObject的startpos位置开始查找substring，如果没有此参数将从stringObject的开始位置查找。
3.如果找到一个 substring，则返回 substring 的第一次出现的位置。stringObject 中的字符位置是从 0 开始的。
注意：
1.indexOf() 方法区分大小写。
2.如果要检索的字符串值没有出现，则该方法返回 -1。
例如: 对 "I love JavaScript!" 字符串内进行不同的检索：

<script type="text/javascript">
    var str="I love JavaScript!"
    document.write(str.indexOf("I") + "<br />");
    document.write(str.indexOf("v") + "<br />");
    document.write(str.indexOf("v",8));
</script>

以上代码的输出：
0
4
9

 

 

 

字符串分隔split()
split()方法将字符串分割为字符串数组，并返回此数组。
语法：

stringObject.split(separator,limit)

参数说明：

参数	描述
separator	必需。从该参数指定的地方分隔stringObject。
limit (限制)	可选参数，分隔的次数，如设置该参数，返回的子串不会多于这个参数指定的数组，如果无此参数为不限制次数

 
 

注意：如果吧空字符串（""）用作separator，那么stringObject中的每个字符之间都会被分隔。
按照不同的方式来分个字符串：
使用指定符号分割字符串：

var mystr = "www.imooc.com";
document.write(mystr.split(".") + "<br>");
document.write(mystr.split(".",2) + "<br>");

运行结果：
www,imooc,com
www,imooc
将字符串分隔为字符

document.write(mystr.split("") + "<br>");
document.write(mystr.split("",5));

运行结果：
w,w,w,.,i,m,o,o,c,.,o,m,
w,w,w,.,i

 

 

 

提取字符串substring()
substring() 方法用于提取字符串中介于两个指定下标之间的字符。
语法:

stringObject.substring(starPos,stopPos)

参数说明：

参数	描述
startPos	必需。一个非负的整数，开始位置
stopPos	可选。一个非负的整数，结束位置，如果省略该参数，那么返回的子串会一直到字符串对象的结尾。

 
 
 

注意：
1. 返回的内容是从 start开始(包含start位置的字符)到 stop-1 处的所有字符，其长度为 stop 减start。
2. 如果参数 start 与 stop 相等，那么该方法返回的就是一个空串（即长度为 0 的字符串）。
3. 如果 start 比 stop 大，那么该方法在提取子串之前会先交换这两个参数。
使用 substring() 从字符串中提取字符串，代码如下：

<script type="text/javascript">
    var mystr="I love JavaScript";
    document.write(mystr.substring(7));
    document.write(mystr.substring(2,6));
</script>

运行结果：
JavaScript
love

 

 

提取指定数目的字符substr()
substr() 方法从字符串中提取从 startPos位置开始的指定数目的字符串。
语法:

stringObject.substr(startPos,length)

参数说明：

参数	描述
startPos	必需。要提取的子串的起始位置。必需是数值。
length	可选。提取字符串的长度。如果省略，返回从stringObject的开始位置startPos到stringObject的结尾的字符。

 
 
 

注意：如果参数startPos是负数，从字符串的尾部开始算起的位置。也就是说，-1 指字符串中最后一个字符，-2 指倒数第二个字符，以此类推。
         如果startPos为负数且绝对值大于字符串长度，startPos为0。
使用 substr() 从字符串中提取一些字符，代码如下：

<script type="text/javascript">
    var mystr="I love JavaScript!";
    document.write(mystr.substr(7));
    document.write(mystr.substr(2,4));
</script>

运行结果：
JavaScript!
love