首页 百科知识 JavaScript内置对象

JavaScript内置对象

时间:2024-10-15 百科知识 版权反馈
【摘要】:Array对象的构造函数有三种,分别用不同的方式构造一个数组对象:使用第一种构造函数创建出的数组长度为0,当具体为其指定数组元素时,JavaScript自动延伸数组的长度。例如,可以这样定义数组,然后为具体数组元素赋值:注意:JavaScript数组与C 语言数组一样,都是从 0 开始的。实际上,JavaScript同一数组中的不同元素可以是不同的类型。Math对象可以在不使用构造函数的情况下使用,并且所有的属性和方法都是静态的。Math对象的属性和方法如表5-2所示。

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所示。

img362


图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个元素,分别如下:

img363

数组元素不但可以是其他数据类型,而且可以是其他数组对象。例如,以下示例构造出了一个二维数组,然后用二重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所示。

img364


图5-9 二维数组对象的使用


表5-1 Date对象的常用方法

img365

下面,以一个实例来说明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所示,网页中动态地显示当前时间。

img366


图5-10 Date对象的使用

4. Math对象

Math对象包含用来进行数学计算的属性和方法,其属性是一些标准数学常量,其方法则构成了数学函数库。Math对象可以在不使用构造函数的情况下使用,并且所有的属性和方法都是静态的。Math对象的属性和方法如表5-2所示。


表5-2 Math对象的常用属性和方法

img367

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 …

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈