Javascript对象

在JavaScript中，可以通过类的实例化来创建对象，也可以使用 对象字面量 直接创建对象。

对象字面量是一个 名/值 对列表，每个 名/值 对之间用逗号分隔，最后用一个大括号括起来。名/值对 表示对象的一个属性或方法，名和值之间用冒号分隔。

例如：

var  myCar={
        "price" : "$10,000" ,   // 属性
        "color" : "red" ,   // 属性
        "run" : function(){ return " 120 km/h "; }   // 方法
    }
var myHome={
        population : "10,000" ,
        area : "10,000" ,
        adress : {  // 属性
                country : "China" ,
                province : "shanxi" ,
                city : "xian"
            },
        say : function(){  // 方法
                return "My hometown is very beautiful ! ";
            }
    }

可以看出来：

• 使用对象字面量可以创建单个对象，语义直观。

• 对象字面量可以嵌套。

对象字面量也可以先创建，再添加属性和方法：

 

var zhangsan={}
zhangsan.name = "张三";
zhangsan.sex = "男";
zhangsan.say = function(){
        return "嗨！大家好，我来了。";
    }
zhangsan.contact = {
    tel : "029-81895644",
    qq : "1370753465",
    email : "it@gmail.com"
}

 

JavaScript向对象添加属性和方法

JavaScript 可以在定义类时定义属性和方法，也可以在创建对象以后动态添加属性和方法。
动态添加属性和方法在其他面向对象的编程语言（C++、JavaScript等）中是难以实现的，这是JavaScript灵活性的体现。

例如：

<script>// 定义类
function Person(name,sex) {
    this.name=name;  // 定义一个属性 name
    this.sex=sex;  // 定义一个属性 sex
    this.say=function(){  // 定义一个方法 say()
        return "嗨！大家好，我的名字是 " + this.name + " ，性别是 " + this.sex + " 。";
    }
}

// 创建对象
var zhangsan=new Person("张三","男");
zhangsan.say();

// 动态添加属性和方法
zhangsan.tel="029-81892332";
zhangsan.run=function(){
    return  " 我跑得很快！ ";
}

// 弹出警告框
alert("姓名："+zhangsan.name);
alert("姓别："+zhangsan.sex);
alert(zhangsan.say());
alert("电话："+zhangsan.tel);
alert(zhangsan.run());</script>

JavaScript遍历对象属性和方法

语法：
for(valueName  in  ObjectName){
    // 代码
}
其中，valueName 是变量名，保存着属性或方法的名称，每次循环，valueName 的值都会改变。

例如：

var zhangsan={}
zhangsan.name = "张三";
zhangsan.sex = "男";
zhangsan.say = function(){
        return "嗨！大家好，我来了。";
    }
zhangsan.contact = {
    tel : "029-81895644",
    qq : "1370753465",
    email : "itxueyuan@gmail.com"
}
var strTem="";  // 临时变量
for(value in zhangsan){
   strTem+=value+'：'+zhangsan[value]+"\n";
}
alert(strTem);

给定任意一个字符串，使用 for  in 语句来统计字符出现的个数：

function charNum(str){
    var charObj={}
    for(i=0,len=str.length;i<len;i++){
        if(charObj[str[i]]){
            charObj[str[i]]++;
        }else{
            charObj[str[i]]=1;
        }
    }
    var strTem="";  // 临时变量
    for(value in charObj){
        strTem+='"'+value+'"的个数：'+charObj[value]+'<br/>';
    }
    return strTem;
}
document.write(charNum("134775444637722991919"));

运行结果：

 

JavaScript访问对象属性和方法

属性是一个变量，用来表示一个对象的特征，如颜色、大小、重量等；方法是一个函数，用来表示对象的操作，如奔跑、呼吸、跳跃等。

对象的属性和方法统称为对象的成员。

在Javascript中可以使用“.”和“[ ]”来访问对象的属性。

在Javascript中，只能用“.”来访问对象的方法。

实际项目开发中，一般使用“ . ”来访问对象属性；但是在某些情况下，使用“ [ ] ”会方便很多，例如，JavaScript遍历对象属性和方法。