以前曾写过JavaScript对象的学习笔记,只是大致浏览一遍,今天再次学习JavaScript,然后结合项目代码来理解。

 

JavaScript是面向对象的编程语言(OOP)。对象拥有属性和方法。

属性:指与对象有关的值。

属性
<script type="text/javascript">
var txt="Hello World!"
document.write(txt.length) 
//输出12
</script>

 方法:指对象可以执行的行为(可以完成的功能)。

方法
<script type="text/javascript">
var str="Hello world!"
document.write(str.toUpperCase()) 
//输出HELLO WORLD! 
</script>

 

字符串(String)对象:

JavaScript String 对象参考手册

常用的属性和方法:length,indexOf(), replace()...

 

Date(日期)对象:

JavaScript Date 对象参考手册

Date对象用于处理日期和时间,可以通过new关键词来定义Date对象:

var myDate=new Date()

返回现在的时间:Date()

在网页上显示一个时间:

Time
<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>

 

 Array(数组)对象:

数组对象的作用是使用单独的变量名来存储一系列的值。

Array对象参考手册

定义数组:var myArray=new Array();

向数组赋值:

 

代码
var mycars=new Array()
mycars[0]="Saab"
mycars[1]="Volvo"
mycars[2]="BMW"

var mycars=new Array(3)
mycars[0]="Saab"
mycars[1]="Volvo"
mycars[2]="BMW"

var mycars=new Array("Saab","Volvo","BMW")

访问数组:通过指定数组名及索引号码,可以访问某个特定的元素。 如:document.write(mycars[0]);

修改数组的值:如需修改已有数组中的值,只要向指定下标号添加一个新值即可:

mycars[0] = "Opel";

实例:创建输出数组:

Array
<html>
<body>
<script type="text/javascript">
var mycars = new Array()
mycars[
0= "Saab"
mycars[
1= "Volvo"
mycars[
2= "BMW"
for (i=0;i<mycars.length;i++)
{
document.write(mycars[i] 
+ "<br />")
}
</script>
</body>
</html>

使用for...in循环输出数组

for..in
<html>
<body>
<script type="text/javascript">
var x
var mycars = new Array()
mycars[
0= "Saab"
mycars[
1= "Volvo"
mycars[
2= "BMW"
for (x in mycars)
{
document.write(mycars[x] 
+ "<br />")
}
</script>
</body>
</html>

合并数组:arr1.concat(arr2)

concat
<html>
<body>

<script type="text/javascript">

var arr = new Array(3)
arr[
0= "George"
arr[
1= "John"
arr[
2= "Thomas"

var arr2 = new Array(3)
arr2[
0= "James"
arr2[
1= "Adrew"
arr2[
2= "Martin"

document.write(arr.concat(arr2))
//输出George,John,Thomas,James,Adrew,Martin

</script>

</body>
</html>

 

组成字符串:join

join
<html>
<body>
<script type="text/javascript">
var arr = new Array(3);
arr[
0= "George"
arr[
1= "John"
arr[
2= "Thomas"
document.write(arr.join()); 
//George,John,Thomas
document.write("<br />");
document.write(arr.join(
"."));  //George.John.Thomas
</script>
</body>
</html>

文字数组排序:sort()

sort
<html>
<body>
<script type="text/javascript">
var arr = new Array(6)
arr[
0= "George"
arr[
1= "John"
arr[
2= "Thomas"
arr[
3= "James"
arr[
4= "Adrew"
arr[
5= "Martin"
document.write(arr 
+ "<br />"//George,John,Thomas,James,Adrew,Martin
document.write(arr.sort())   //Adrew,George,James,John,Martin,Thomas
</script>
</body>
</html>

数字数组排序:sort()

sort
<html>
<body>
<script type="text/javascript">
function sortNumber(a, b)
{
return a - b
}
var arr = new Array(6)
arr[
0= "10"
arr[
1= "5"
arr[
2= "40"
arr[
3= "25"
arr[
4= "1000"
arr[
5= "1"
document.write(arr 
+ "<br />")   //10,5,40,25,1000,1
document.write(arr.sort(sortNumber))  //1,5,10,25,40,1000
</script>
</body>
</html>

 

Boolean(逻辑)对象:

Boolean(逻辑)对象用于将非逻辑值转换为逻辑值(true或者false)

Boolean对象参考手册

定义Boolean对象:var myBoolean=new Boolean()

Boolean对象的初始值为false.

 

Math(算数)对象:

Math(算数)对象的作用是执行常见的算数任务。

Math对象参考手册

Math.round() 对一个数进行四舍五入。

Math.random() 返回0到1之间的随机数。

Math.max(), Math.min() 返回两个给定的数种的较大,较小值。

 

RegExp对象:

RegExp对象用于规定在文本中检索的内容。

RegExp是正则表达式的缩写。RegExp对象参考手册

 

HTML DOM对象:

 

相关文章: