您的位置：首页 > Web前端 > JavaScript

js 中的数组和对象

2013-05-07 17:03 218 查看

遍历数组:

<!DOCTYPE html>

<html>

<body>

<script>

var i;

var cars = new Array();

cars[0] = "Audi";

cars[1] = "BMW";

cars[2] = "Volvo";

for (i=0;i<cars.length;i++)

{

document.write(cars[i] + "<br>");

}

</script>

</body>

</html>

JavaScript 中的所有事物都是对象：字符串、数字、数组、日期，等等。/在 JavaScript 中，对象是拥有属性和方法的数据。

属性和方法

属性是与对象相关的值。
方法是能够在对象上执行的动作。
举例：汽车就是现实生活中的对象。
汽车的属性：

car.name=Fiat

car.model=500

car.weight=850kg

car.color=white

汽车的方法：

car.start()

car.drive()

car.brake()

汽车的属性包括名称、型号、重量、颜色等。
所有汽车都有这些属性，但是每款车的属性都不尽相同。
汽车的方法可以是启动、驾驶、刹车等。
所有汽车都拥有这些方法，但是它们被执行的时间都不尽相同。

JavaScript 中的对象

在 JavaScript 中，对象是数据（变量），拥有属性和方法。
当您像这样声明一个 JavaScript 变量时：

var txt = "Hello";

您实际上已经创建了一个 JavaScript 字符串对象。字符串对象拥有内建的属性 length。对于上面的字符串来说，length 的值是 5。字符串对象同时拥有若干个内建的方法。
属性：

txt.length=5

方法：

txt.indexOf()

txt.replace()

txt.search()

提示：在面向对象的语言中，属性和方法常被称为对象的成员。
在本教程稍后的章节中，您将学到有关字符串对象的更多属性和方法。

创建 JavaScript 对象

JavaScript 中的几乎所有事务都是对象：字符串、数字、数组、日期、函数，等等。
你也可以创建自己的对象。
本例创建名为 "person" 的对象，并为其添加了四个属性：

实例

person=new Object();
person.firstname="Bill";
person.lastname="Gates";
person.age=56;
person.eyecolor="blue";

经典例子：

1.<script language= "javascript" type="text/javascript">

// 创建一个对象
person = new Object();//此处的Object中O必须为大写字母
person.name="lukun";
person.age="22";
person.sex="男";
document.write(person.name+"  "  +person.sex + ",今年是" +person.age+"岁");

</script>

页面输出的结果是:lukun 男,今年是22岁

2.<!DOCTYPE html>
<html>
<body>
<script>
function person(firstname,lastname,age,eyecolor)
{
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;
}
myFather=new person("Bill","Gates",56,"blue");
document.write(myFather.firstname + " is " + myFather.age + " years old.");
</script>
</body>
</html>

在页面上显示一个钟表：时钟程序

<html>
<head>
<script type="text/javascript">
function startTime()
{
var today=new Date()
var h=today.getHours()
var m=today.getMinutes()
var s=today.getSeconds()
// add a zero in front of numbers<10
m=checkTime(m)
s=checkTime(s)
document.getElementById('txt').innerHTML=h+":"+m+":"+s
t=setTimeout('startTime()',500)
}
function checkTime(i)
{
if (i<10)
{i="0" + i}
return i
}
</script>
</head>
<body onload="startTime()">
<div id="txt"></div>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航