5.2.1 JavaScript内置对象
JavaScript的内置对象有String、Array、Date、Math等,下面分别来学习。
1. String对象
String对象用于对文本字符串的属性和方法进行操作。
String对象属性只一个:length,即求字符串长度的属性。
String对象的方法有如下一些:
italics() //将字符串变为斜体
bold() //将字符串变为粗体
big() //将字符串变大显示
small() //将字符串变小显示
blink() //将字符串闪烁显示
fixed() //将字符串固定高亮度显示
fontsize(size) //设定字符串字体大小
fontcolor(color) //设定字符串颜色
toLowerCase() //将字符串全部转为小写
toUpperCase() //将字符串全部转为大写
indexOf(子串,起始位置) //从起始位置开始,求子串在字符串中首次出现的位置
substring(起始位置,结束位置) //取子串
split(特征字符) //利用特征字符对字符串进行分割,然后放在一个数组中
下面给出几个有关String对象属性与方法的应用实例。
<Script Language="JavaScript">
<!--
var str="Hello,How do you do!"; //定义一个字符串变量
document.write(str+"<br/>"); //输出这个字符串
document.write(str.length+"<br/>"); //结果为:20
document.write(str.italics()+"<br/>"); //斜体显示
document.write(str.bold()+"<br/>"); //粗体显示
document.write(str.small()+"<br/>"); //变小显示
document.write(str.fontsize(5)+"<br/>"); //蓝色字体
document.write(str.fontcolor('blue')+"<br/>"); //显示指定为5号字
document.write(str.toLowerCase()+"<br/>"); //全部转换为小写字母
document.write(str.toUpperCase()+"<br/>"); //全部转换为大写字母
document.write(str.indexOf("you")+"<br/>"); //结果为:13
document.write(str.substring(0,6)+"<br/>"); //结果为:Hello,
-->
</script>
浏览效果如图5-8所示。
图5-8 String对象的应用
2. Array对象
Array 对象用于实现数组这种数据结构。Array对象的构造函数有三种,分别用不同的方式构造一个数组对象:
(1)var array1=new Array()
(2)var array2=new Array(int)
(3)var array3=new Array(arg1,arg2,...,argN)
使用第一种构造函数创建出的数组长度为0,当具体为其指定数组元素时,JavaScript自动延伸数组的长度。例如,可以这样定义数组,然后为具体数组元素赋值:
var arr=new Array(); //定义长度为0的数组arr
arr[10]=”Js”; /∗ 给arr[10]赋值,此时数组自动扩充为11个元素,
并将arr[0]~arr[9]初始化为null ∗/
注意:JavaScript数组与C 语言数组一样,都是从 0 开始的。也就是说,上例中数组的第一个元素是arr[0]。
使用第二种构造函数时应使用数组的长度作为参数,此时创建出一个长度为 int 的数组,但并没有指定具体的元素。同样,当具体指定数组元素时,数组的长度也可以动态更改。
使用第三种构造函数时,直接使用数组元素作为参数,此时创建出一个长度为N的数组,同时数组元素按照指定的顺序赋值。在构造函数使用数组元素作为参数时,参数之间必须用逗号分隔开,并且不允许省略任何参数。
从前面的数组定义中可以看出,数组元素可以是整数,也可以是字符串。实际上,JavaScript同一数组中的不同元素可以是不同的类型。例如,以下数组包含各种不同类型的数据。
var c=new Array(18,true,null,”abcde”);
该项数组有4个元素,分别如下:
数组元素不但可以是其他数据类型,而且可以是其他数组对象。例如,以下示例构造出了一个二维数组,然后用二重for循环用将其元素读出,并显示在表格中。
----------------------------清单5-6 5-6.html------------------------
<html>
<head>
<title>二维数组</title>
<script language="javascript" type="text/javascript">
<!--
var stu=new Array();
stu[0]=new Array("张三",85,75);
stu[1]=new Array("李四",68,98);
stu[2]=new Array("王五",87,86);
document.write("<table border=1><tr><td>姓名</td><td>数学</td><td>
语文</td></tr>"); //用document.write输出表格第一行:表头
var i,j;
for (i=0;i<stu.length;i++)
{
document.write("<tr>"); //用表格方式输出其他行
for (j=0;j<stu[0].length;j++) //用stu[0].length获取数组的长度
{document.write("<td>"+stu[i][j]+"</td>");}
document.write("</tr>");
}
-->
</script>
</head>
<body>
</body>
</html>
--------------------------------------------------------------------
浏览结果如图5-9所示。
3. Date对象
Date对象是日期时间对象,它可以表示从年到毫秒的所有日期和时间。如果创建Date对象时就给定了参数,则新对象就表示指定的日期和时间;否则新对象就被设置为当前日期。
创建日期对象可以使用多种构造函数,以下是创建当前时间和日期的Date实例:
var variable=new Date();
Date对象的方法很多,这里列举几个常用的方法和简要说明,如表5-1所示。
图5-9 二维数组对象的使用
表5-1 Date对象的常用方法
下面,以一个实例来说明Date对象和Date对象的方法是如何使用的。
----------------------------清单5-7 5-7.html------------------------
<html>
<head>
<title>使用Date对象</title>
</head>
<body>
<div id="curr_clock"> </div> <!--定义一个id为curr_clock的块 -->
<script language="javascript">
function timer() //定义函数timer()
{
var now=new Date(); //定义一个新的Date对象——now
var hours=now.getHours(); //获取now对象的小时数
var minutes=now.getMinutes(); //获取now对象的分钟数
var seconds=now.getSeconds(); //获取now对象的秒数
var myclock="当前时间是:"+hours+":"+minutes+":"+seconds;
curr_clock.innerHTML=myclock; //让curr_clock块显示myclock的内容
setTimeout("timer()",1000); //设置延迟1000毫秒后再执行timer()
}
timer(); //执行timer()函数
</script>
</body>
</html>
--------------------------------------------------------------------
注意,代码中“<!-- -->”是HTML注释,“//”是JavaScript注释。
浏览结果如图5-10所示,网页中动态地显示当前时间。
图5-10 Date对象的使用
4. Math对象
Math对象包含用来进行数学计算的属性和方法,其属性是一些标准数学常量,其方法则构成了数学函数库。Math对象可以在不使用构造函数的情况下使用,并且所有的属性和方法都是静态的。Math对象的属性和方法如表5-2所示。
表5-2 Math对象的常用属性和方法
Math对象的属性与方法,常常以表达式的形式来使用。
例如,Math对象的属性可以这样使用:
Math.E //该表达式给出欧拉常数2.71828
Math.PI //该表达式给出圆周率的值3.14159
Math对象的方法可以这样使用:
Math.pow(2,3) //该表达式计算2的3次方的值
Math.sqrt(10) //该表达式计算10的平方根的值
Math.cos(Math.PI/6) //该表达式计算cos(PI/6)的值
这些表达式,既可以赋给某个变量,例如,
var a=Math.PI;
也可以采用document.write方法直接输出在网页里,例如,
document.write(Math.pow(4,3)); //显示结果:64
document.write(Math.floor(2.86721)); //显示结果:2
还可以将它作为其他JavaScript语句中的参数来使用,例如,
if( i<=Math.sqrt(10))… else …
免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。