Javascript对象（三）

对象：

对象是一组具有属性和方法的经过组织的数据。
默认对象：

日期对象；（日期基线：1970年1月1日00：00：00）

建立日期对象(实例)：

格式：日期对象名称=new Date([日期参数])

日期参数：1.省略；
2.英文-数值格式：月日，公元年 [时：分：秒]
如：today=new Date("October 1,2008 12:00:00")
　　　　　　　3.数值格式：公元年，月，日，[时，分，秒]
如：today=new Date(2008,10,1)

日期对象的方法：

　　格式：日期对象名称.方法（[参数]）

获取当地时间：

getYear()	返回年份数
getFullYear()	返回年份数
getMonth()	返回月份数（0--11）
getDate()	返回日期数（1--31）
getDay()	返回星期数（0--6）
getHours()	返回时数（0--23）
getMinutes()	返回分数（0--59）
getSeconds()	返回秒数（0--59）
getMilliseconds()	返回毫秒数（0--999）
getTime()	返回对应日期基线的毫秒
Date.parse(日期字串)	返回对应日期基线的毫秒
setTime(时间值)	指定一日期对象的值
toGMTString()	以GMT格式表示日期对象
toUTCString()	以GMT格式表示日期对象

数组对象；

建立数组对象：

格式１：数组对象名称=new Array([元素个数])
格式２：数组对象名称=new Array([[元素1][，元素2，...]])
格式３：数组对象名称=[元素1[，元素2，...]]

例：
fruit=new Array(3);// fruit=new Array();
fruit[0]="苹果";
fruit[1]="梨子";
fruit[2]="橘子";

fruit=new Array("苹果"，"梨子"，"橘子");

　　　　 fruit=["苹果"，"梨子"，"橘子"];

数组对象的属性：

格式：数组对象名称.属性

属性：length　　数组长度

例：
<Script>

var fruit = new Array("苹果", "梨子", "橘子");
var i;

for (i=0; i < fruit.length; i++) {
document.write("fruit [", i, "] = ", fruit[i], "<br>")
}

</Script>

数组对象的方法：

格式：数组对象名称.方法([参数])

方法：

join([分隔符])	数组元素组合为字符串
toString()	以字符串表示数组
reverse()	数组反转
valueOf()	返回数组值

　　例：
<Script>

var fruit = new Array("苹果", "梨子", "橘子");

document.write("<LI>", fruit.join());
document.write("<LI>", fruit.join("、"));
document.write("<LI>", fruit.toString());
document.write("<LI>", fruit.reverse().join());
document.write("<LI>", fruit.valueOf());

</Script>

二维数组：

例：
<Script>

var fruit = new Array(3);
fruit[0] = new Array("苹果", 2);
fruit[1] = new Array("梨子", 4);
fruit[2] = new Array("橘子", 2);

for (i=0; i < fruit.length; i++) {
   for (j=0; j < fruit[0].length; j++) {
     document.write("fruit [", i, "][", j, "] = ", fruit[i][j],"<br>");
   }
   document.write("<br>");
}

</Script>

字符串对象；

建立字符串对象：

格式：字符串对象名称=new String(字符串常量)
格式：字符串变量名称="字符串常量"

字符串对象的属性：

格式：字符串对象名称.属性

属性：length　　字符串长度

字符串对象的方法：

格式：字符串对象名称.方法

方法：

bold()

粗体

italtics()

斜体

strike()

删除线

fontsize(字级大小)

文字大小

fontcolor(#rrggbb)

文字颜色

sup()

上标

sub()

下标

toUpperCase()

大写

toLowerCase()

小写

charAt(索引)

返回索引位置的字符

charCodeAt(索引)

返回索引位置的ASCII字符码，十进制表示

indexOf("字串"[,索引])

返回字串在对象中的索引位置

lastIndexOf("字串"[,索引])

返回字串在对象中的索引位置（反向搜索）

search("字串")

返回字串在对象中的索引位置

replace("字串1","字串2")

字串2替换字串1

slice(索引i[,索引j])

返回索引i倒索引j-1的子串

split(["字串"][,限制])

将字串从对象中删除

substr(start[,length])

返回特定长度的字串

substring(索引i[,索引j])

返回索引i倒索引j-1的子串

link("url")

设置链接

match(/匹配字符/)

\d	匹配一个数字字符。
\D	匹配一个非数字字符。
\n	匹配一个换行符。
\r	匹配一个回车符。
\s	匹配一个空格符。
\S	匹配任意非空格符。
\t	匹配一个table符。
\W	匹配任何非单词符。
\num	匹配正整数num。
/n/	匹配八进制，十六进制，十进制的escape值。

toString()

返回字符串

valueOf()

返回字符串值

　　例1：
<Script>
var str = "JavaScript";

document.write(str.bold(),"<BR>");
document.write(str.fixed(),"<BR>");
document.write(str.fontcolor("red"),"<BR>");
document.write(str.fontsize(5),"<BR>");

</Script>

　　例2：
<Script>

var str = "JavaScript";
var num = 1234;

document.write(str.toUpperCase(), "<BR>");
document.write(num.toString().charAt(2),"<BR>");
document.write(str.substring(0,4), "<BR>");

</Script>

　　例3：
<Script>

var str = "JavaScript";

document.write(str, " 有 ", str.length, " 个字<BR>");
document.write(str.fontcolor("green"), " 不是 ");
document.write(str.substr(0,4).fontcolor("red"));
document.write(" 也不是 ", str.replace("Java", "VB"));

</Script>

　　例4：
<Script>

var str = "[email protected]";
var idx = str.search("@");
var usr = str.substr(0,idx);

document.write(usr.toUpperCase().fontsize(7), "<BR>");
document.write("你的电子信箱是", str);

</Script>

　　例5：
<Script>

function isEmail(){
   var str = document.form1.add.value;
   if (str.indexOf("@") == -1)
     alert("请填写正确的EMail地址");
   else
     alert("OK!");
}

</Script>

<FORM name="form1">
请输入你的 EMail 地址：
<INPUT TYPE="text" name="add">
<INPUT TYPE="button" value="开始检查" onClick="isEmail()">
</FORM>

布尔对象；

建立布尔对象：

格式：布尔对象名称=new Boolean(转换值)
转换值：null、未定义、0、或false均转换成false

布尔对象的方法：

格式：布尔对象名称.方法
方法：toString()
valueOf()
例：
<Script>
x = new Boolean();
y = new Boolean(true);
z = new Boolean(0);

document.write(x, "<br>");
document.write(y, "<br>");
document.write(z, "<br>");

</Script>

数学对象；（静态对象）

数学对象的属性：

格式：Math.属性
属性：

E	自然对数的底数
LN2	2的自然对数
LN10	10的自然对数
LOG2E	以2为底e的对数
LOG10E	以10为底e的对数
PI	圆周率
SQRT1_2	1/2的平方根
SQRT2	2的平方根

数学对象的方法：

格式：Math.方法（参数）
方法：

ceil(数值)	大于等于该数值的最小整数
floor(数值)	小于等于该数值的最大整数
min(数值1,数值2)	最小值
max(数值1,数值2)	最大值
pow(数值1,数值2)	数值1的数值2次方
random()	0倒1的随机数
round(数值)	最接近该数值的整数
sqrt(数值)	开平方根
abs、sin(弧度)、cos、tan、asin、acos、atan、exp、log

　　例1：
<Script>

with (document) {
     write("<LI>2 的平方根值是 ", Math.sqrt(2));
     write("<LI>2 <sup>3</sup> = ", Math.pow(2,3));
     write("<LI>最接近 3.14 的整数是 ", Math.round(3.14));
}

</Script>

　　例2：
<Script>

var now = new Date();
var firstDay = new Date("Nov 10, 1999");
var duration = now - firstDay;
var msPerDay = 24 * 60 * 60 * 1000; //换算成毫秒
days = Math.round(duration/msPerDay);

document.write("本网站已经开幕" + days + "天了");

</Script>

例3：
<Script>

var promote = new Array(3);
promote[0] = "拍卖区又有新货到了，赶快来捡便宜啊......"
promote[1] = "成为会员，马上享受八折优惠，还可以参加抽奖！";
promote[2] = "庆祝访问人数突破十万人次，填问卷就送大奖，快来啊！";

index = Math.floor(Math.random() * promote.length);
document.write(promote[index]);

</Script>

数值对象；
函数对象；

自定义对象。
- 自定义对象；
  - 构造函数定义对象类型；
  - 建立对象实例。
- 例：
  <Script>
  function member(name, sex) {
  this.name = name;
  this.sex = sex;
  }
  
  var papa = new member("杨宏文", "男生");
  var mama = new member("黄雅玲", "女生");
  var doggy = new member("奇　奇", "宠物狗");
  
  document.write(papa.name);
  document.write("是", papa.sex);
  
  </Script>
- 动态的定义对象属性；
- 例：
  为指定的对象实例定义属性：papa.hobby="看电视";
  为对象定义属性：member.prototype.hobby=null;
  papa.hobby="上网";
  mama.hobby="逛街";
  doggy.hobby="啃骨头";
- 定义对象的方法；
  - 构造函数定义对象方法名；
  - 建立方法的描述函数。
- 例：
  <Script>
  function member(name, sex) {
     this.name = name;
     this.sex = sex;
     this.display = display;
  }
  
  function display() {
     var str = this.name + "是" + this.sex;
     document.write("<LI>" + str);
  }
  
  var papa = new member("杨宏文", "男生");
  var mama = new member("黄雅玲", "女生");
  var doggy = new member("奇　奇", "宠物狗");
  
  papa.display();
  mama.display();
  doggy.display();
  
  </Script>
利用对象原型（prototype）为默认对象定义属性：

<Script>
String.prototype.replaceAll = strReplace;
function strReplace(findText, replaceText) {
   var str = new String(this);
   while (str.indexOf(findText)!=-1) {
     str = str.replace(findText, replaceText);
   }
   return str;
}

myStr = "告诉你－如果你正在寻找一本能帮助你彻底研究" +
"JavaScript的书籍，请你一定要认明碁峰的" +
"JavaScript教学范本，让你事半功倍，功力大增。";
document.write("<LI>原稿是：<BLOCKQUOTE>" + myStr +"</BLOCKQUOTE>");
document.write("<LI>利用Replace()将「你」改成「您」："
+"<BLOCKQUOTE>" + myStr.replace('你','您') +"</BLOCKQUOTE>");
document.write("<LI>利用自定义的字符串方法 - 全部取代"
+"<BLOCKQUOTE>" + myStr.replaceAll('你','您') +"</BLOCKQUOTE>");

</Script>

默认函数：

编码函数 escape()：将非字母、数字字符转换成ASCII码

例：sample/unescape
译码函数 unescape()：将ASCII码转换成字母、数字字符

例：sample/unescape
求值函数 eval()：

格式：eval(<表达式>)

例1：字符串运算
<Script>
x = 1 + 2;
y = "1 + 2";
z = eval("1 + 2");

document.write("<LI>1 + 2 = ", x);
document.write("<LI>\"1 + 2\" = ", y);
document.write("<LI>eval(\"1 + 2\") = ", z);

</Script>

例2：对象操作
<Script>

function show(obj){
var str=eval("document.form."+obj+".value");
alert(str);
}
</Script>

<form name="form" id="form">
姓名：
<input name="name" type="text" id="name">
<input type="button" name="Button" value="Button" onclick=show("name")>
</form>
数值判断函数 isNaN()：是否为数值

格式：isNaN(<量>)

例：
<Script>
var x = 15;
var y = "黄雅玲";

document.write("<LI>x 不是数值吗？",isNaN(x));
document.write("<LI>y 不是数值吗？",isNaN(y));

</Script>
整数转换函数 parseInt()：将不同进制（二、八、十六）的数值转换成十进制整数

格式：parseInt(数值字串[，底数])
底数省略，则按内容转换：
0x　0X　　十六进制　　
0　　八进制
其它　　十进制

例：
<Script>
// 二进位转成十进位

document.write("1101<sub>2</sub> = " ,parseInt("1101", 2),"<sub>10</sub><br>");

// 十六进位转成十进位

document.write("BFFF<sub>16</sub> = " ,parseInt("BFFF", 16),"<sub>10</sub><br>");

</Script>
浮点数转换函数 parseFloat()：将数值字串转换成浮点数

格式：parseFloat (数值字串)

例：
<Script>
document.write(parseInt("3.1234A56"), "<br>");
document.write(parseFloat("3.1234A56"), "<br>");

</Script>

ExtJS教程- Hibernate教程- Struts2 教程- Lucene教程

Javascript对象（三）

你可能感兴趣的:(Javascript对象（三）)