JavaScript数据类型，类，对象/数组区别

来源：互联网发布：淘宝品牌申请要多久编辑：程序博客网时间：2024/06/06 02:30

关于JSON（JavaScript Object Natation），简单的说就是轻量级的用于交换数据的格式，基于javascript 语法的子集，即数组和对象表示。（一不小心js部分写长了点，json放下一篇好了）

首先说说JS的对象和数组吧。

Javascrip数据类型，对象与数组：

javascript 的数据结构主要有以下四种基本数据类型，string，number，boolean，null，js还有复杂的数据结构，即对象。我们可以把数组看成一种特殊的对象。对象和数组里都可以包含不同的类型，包括对象和数组。

js对象的定义如下：

Js代码  
var boy= {  
        "name": "xiaoming",         
        "age" : 4,  
        "city" : "杭州"  
        "hasBrother":true  
};  

对象可以看成是容器，里面装了许多的key-value对，类似于java里Map<String,Object>。我们可以这样获取值

Js代码  
alert("name = " + boy["name"] );  
  
alert("age=" + boy.age);  

而数组可以和对象最大的不同是，数组是有序的，不是采用key的方式获取值，而是通过index来索引，相对对象来说还多了length属性。

Js代码  
var array=["hello", 12, true , null];  
alert(array[0]);  

当然对象和数组是可以混用的，如下简单地混合，当然可以更复杂。

Js代码  
var array=["hello", 12, true , {"name": "xiaoming",  "age" : 4}];  
  
var boy= {"name":"xiaoming", "brothers":["xiaohuang","xiaohong"]};  

需要注意的是，平时我们可以通过这样定义

Js代码  
var a = [1,2,3]; //定义一个数组  
alert(a.length); //结果为3  
  
a["name"] = "xiaoming"; //我们再给它赋值  
alert(a.length); //结果还是为3  
  
a.push(4);  
alert(a.length); //结果为4  

上面的代码a["name"]="xiaoming"是给a数组增加了一个属性叫name，而不是在数组里添加数据。

其实可以把数组想象成这种格式，即特殊的对象(type这个属性是随便写的，)

Js代码  
var array= {  
        "type":"array",  
        "value":[1,2,3],  
        "length":3  
};  
加上 a["name"] = "xiaoming"; 之后，array的变成这样，并不影响数组本身的值。  
array= {  
    "type":"array",  
    "name":"xiaoming",  
    "value":[1,2,3],  
        "length":3  
};  

如何定义一个js类，包括js公有成员定义、私有成员定义、特权方法定义的简单示例（类似于JAVA里的public private 和protect）

Js代码  
<script>    
    //定义一个javascript类  
    function JsClass(privateParam/*  */,publicParam){//构造函数  
        var priMember = privateParam;   //私有变量  
        this.pubMember = publicParam;   //公共变量  
        //定义私有方法  
        function priMethod(){  
            return "priMethod()";  
        }  
        //定义特权方法  
        //特权方法可以访问所有成员  
        this.privilegedMethod = function(){  
            var str = "这是特权方法，我调用了\n";  
            str += "        私有变量：" + priMember +"\n";  
            str += "        私有方法：" + priMethod() +"\n";  
            str += "        公共变量：" + this.pubMember +"\n";  
            str += "        公共方法：" + this.pubMethod();  
              
            return str;  
        }         
    }  
    //添加公共方法  
    //不能调用私有变量和方法  
    JsClass.prototype.pubMethod = function(){  
        return "pubMethod()";  
    }  
  
    //使用 JsClass的实例  
    JsObject = new JsClass("priMember","pubMember");  
      
    //alert(JsObject.pubMember);//弹出pubMember信息  
    //alert(JsObject.priMember);//弹出undefined信息  
    //alert(JsObject.pubMethod());//弹出pubMethod信息  
    //alert(JsObject.priMethod());//弹出"对象不支持此属性或方法"的错误  
    alert(JsObject.privilegedMethod());  
</script>  