JavaScript（五）基于对象的操作

代码示例

 1 

View Code

2、Number对象

创建Number对象的方式：   
    方式1：
        var 变量=  new Number(数字)   
    方式2：  
        var 变量 = 数字;   

常用的方法：    
    toString()  把数字转换成指定进制形式的字符串。
    toFixed()   指定保留小数位,而且还带四舍五入的功能。

代码示例

 1 

View Code

3、Date对象

创建Date的方法：

dateObj = new Date()
dateObj = new Date(dateVal)
dateObj = new Date(year, month, date[, hours[, minutes[, seconds[,ms]]]])

常用方法

getFullYear()
getMonth()
getDate()
getHours()
getMinutes()
getSeconds()

代码示例

 1 

View Code

实战：在浏览器中显示当前时间

代码示例

 1 
 2 
 3 
 4 
 5 
 6 
 7     当前系统时间：
 8 
 9 
10 
11 
33 
34 
35 

View Code

注意：Javascript代码需要在html标签存在的情况下，才能使用。

关于定时器的方法

setInterval(代码, 毫秒数) 每经过指定毫秒值后执行指定的代码。

setTimeout(代码, 毫秒数)  经过指定毫秒值后执行指定的代码（只执行一次）。

4、Math对象

Math对象是一个固有对象，提供基本数学函数和常数。

常用方法

Math对象常用的方法：
 ceil         向上取整
 floor（）   向下取整
 random()  随机数方法 //  产生的伪随机数介于 0 和 1 之间（含 0，不含 1），
 round     四舍五入

代码示例

1 

View Code

5、数组对象

创建方式

　方式1：
        var 变量名 = new Array();  创建一个长度为0的数组。
    
    方式2：
        var 变量名= new Array(长度) 创建一个指定长度的数组对象。
        
    方式3：
         var 变量名 = new Array("元素1","元素2"...);  给数组指定元素创建数组 的对象。
        
    方式4：
        var 变量名 = ["元素1","元素2"...];

注意：在Javascript中数组的长度是可以发生变化的。

常用方法

sort()对当前数组进行排序，并返回已经进行了排序的此Array对象。不会创建新对象，是在指定数组中直接进行排序。
reverse()对当前数组进行反转排序，返回一个元素顺序被反转的 Array 对象。 不会创建新对象，是在指定数组中直接进行排序。
push( [item1 [item2 [. . . [itemN ]]]] )将以新元素出现的顺序添加这些元素。如果参数之一为数组，那么该数组将作为单个元素添加到数组中。
pop()移除数组中的最后一个元素并返回该元素。如果该数组为空，那么将返回 undefined。
shift()移除数组中的第一个元素并返回该元素。如果该数组为空，那么将返回 undefined。
unshift([item1[, item2 [, . . . [, itemN]]]])将指定的元素插入数组开始位置并返回该数组。
splice(start, deleteCount, [item1[, item2[, . . . [,itemN]]]])移除从 start 位置开始的指定个数的元素，并插入新元素，从而修改             
concat([item1[, item2[, . . . [, itemN]]]])返回一个新数组，这个新数组是由两个或更多数组组合而成的。原数组不变。要加的项目（item1 … itemN）会按照从左到右的顺序添加到数组。如果某一项为数组，那么添加其内容到 array1 的末尾。如果该项目不是数组，就将其作为单个的数组元素添加到数组的末尾。        slice(start, [end]) 返回一个包含了指定的部分元素的数组。将返回索引大于等于start且小于end的一段。原数组不变。
join(separator)把所有元素由指定的分隔符分隔开来组成一个字符串，返回这个字符串值。如果数组中有元素没有定义或者为 null，将其作为空字符串处理。

代码示例

 1 

View Code

自定义对象

在Javascript没有类的概念，只要有函数即可创建对象。

自定义对象的方式

方式1： 使用无参的函数创建对象。
    例子：  
        function Person(){}
        var p = new Person(); //创建了一个Person对象了
        p.id = 110;
        p.name = "狗娃";
    
    方式2：使用带参的函数创建对象。 
        function Person(id,name){
            this.id = id;
            this.name = name;    
            this.say = function(){
                alert(name+"呵呵");    
            }
        }
        var p = new Person(110,"狗剩");    //创建对象

    方式3： 使用Object函数创建对象。 
        var p = new Object();
        p.id = 110;
        p.name = "铁蛋";
    
    方式4：使用字面量的方式创建。
        var p = {
            id:110,
            name:"狗娃",
            say:function(){
                alert(this.name+"呵呵");    
        }    
    }

代码示例

自定义数组工具对象

 1 /*
 2 需求：编写一个js文件，在js文件中自定义一个数组工具对象，
 3 该工具对象要有一个找到最大值的方法，与找元素对应的索引值的方法。    
 4 */
 5 
 6 //创建ArrayTool的对象
 7  
 8 var tool = new ArrayTool();
 9 
10 function ArrayTool(){
11     
12     //找最大值
13     this.getMax = function(arr){
14         var max = arr[0];
15         for(var i = 1 ; i){
16             if(arr[i]>max){
17                 max = arr[i];    
18             }    
19         }
20         return max;
21     }
22     
23     //找元素 的索引值
24     this.searchEle = function(arr,target){
25         for(var i = 0 ; i){
26             if(arr[i] ==target){
27                 return i;    
28             }    
29         }    
30         return -1;
31     }
32 }

View Code

Javascript（五）---- 基于对象的操作