javascript 对象实例

创建对象：

var o = new Objct();   //创建一个空对象
var o = {};

var a = new Array();  //创建一个空数组
var a = [];

var d = new Date();  //创建一个表示当前时间的日期对象

对象属性的设置：

book.edition = 6             //给book创建一个edition的属性
book[ "mainTile" ] = "ECMASript"    //给mainTile属性赋值
book[i] = param;          //如果有多个属性与值，可以使用这种方法，只要将i与param传回来，就可以给book这个数组设置多个属性与值

如果一个对象的属性我是保留字，必须使用 [] 的形式访问他们： o["class"] / o["for"]，使用方括号时，方括号内的表达式必须返回为字符串。

作为关联数组的对象：

Object["property"]     //方括号和一个数组，数组元素通过字符串索引。

• 通过 . 访问对象时，属性名是一个标识符，这个标识符必须直接出现在js的代码中，比如接口的属性，因此程序无法修改它们
• 通过 []  访问对象时，属性名是一个字符串，字符串是js的一个数据类型，可以通过程序修改和创建它们

场景：由于在写程序时无法知道属性名称，因此无法通过 . 来访问对象的属性。但可以使用 [] ，因为它使用字符串值（字符串是可以更改的）而不是标识符（标识符是静态的，不可以更改的）作为索引对属性进行访问的。

下面两个JS的表达式的值相同：

Obj.property
Obj["property"]

当通过 [] 来访问对象的属性时，属性名通过字符串来表示。如果无法得知属性名称是什么的时候，可以使用  Obj ["属性名称"] = value，这个属性名称是动态的，可以在运行时更改

场景：如果访问对象的属性时，而没有这个属性，会报错，那么怎么避免这种没有属性的错误呢？

var len = book && book.sub && book.sub.length;

属性的操作：

删除:  delete

delete book.str;           //删除book的str属性
delete book["srt"];        //删除book的str属性

判断某个属性是否存在于某个对象中，使用 in 运算符：左侧为属性（字符串），右侧为对象，in 可以区分不存在的属性和存在但值为undefined的属性

var o = {x:1，w}

"x" in o; //true，存在的属性

"y" in o; //false，不存在的属性

"w" in o //false,  存在的属性，但值为undefined

如何遍历对象的属性，使用 for / in  ，它可以遍历所有的属性，包括自有属性和继承属性。

用来枚举属性的对象工具类函数：

function extend(o,p){                //两个对象参数
  for(str in p){                     //遍历p中的所有属性
        o[str] = p[str];             //将属性添加到o中
    }  
    return o;                        // 返回 o 对象
}

增强版的枚举属性的对象工具类函数：

/*将p中可枚举的属性复制至o中，并返回o
* 如果 o与p 中有同名的属性，o 中的属性不受影响 
* 这个函数并不处理getter 和 setter 以及复制属性
*/

function extend(o,p){        //两个对象参数
   for (prop in p){               //遍历p中的所有属性
        if(o.hasOwnProperty[prop]) continue;          //过滤已经在o中存在的属性
        o[prop] = p[prop];    //将属性添加至o中
    }  
    return o;    //返回o
}

 检测属性是否为undefined：使用 !== 进行判断,    “！==”可以区分undefined 和 null

var o = {x : 1}

o.x !== undefined;           //true, o中有x这个属性
o.y !== undefined;           //false,o中没有y这个属性

返回一个数组，这个数组包含 o 中可枚举的自有属性的名称：

function keys(o){
  if( typeof o  !== "object") throw TypeError();   //参数必须是对象
  var result = [];          //将要返回的数组
  for(var prop in o){      //遍历可枚举的属性
     if (o.hasOwnProperty(prop))    //判断是否是自有属性
     result.push(prop);            //将属性名添加至数组中
  }  
  return result;           //返回这个数组
}

 如何删除属性？ delete ，只能删除自有属性，不能删除继承属性

delete book.name;

delete book['name'];

• 以下是一些实用的枚举属性的方法：

for(p in o){
  if( !o.hasOwnProperty(p) )  continue;       //跳过继承的属性 
}

for( p in o){
  if(typeof o[p] === 'function') continue;      //跳过方法  
}

function extend(o,p){    //把p中可枚举的属性复制到o中
  for(prop in p){            //遍历p中所有属性
    o[prop] = p[prop];    //将属性添加至o 中
  }  
  return o;                    //返回 o
}

判断某个属性是否为该对象的自有属性，对于继承属性则返回 false.

hasOwnProperty()     这个方法用来检测给定的名字是否是对象的自有属性

function merge(o, p){
  for (prop in p){                     //遍历p中所有属性
    if (o.hasOwnProperty [prop])  continue;      //过滤掉已经存在o中的属性     
    o [prop] = p [prop];            //将属性添加到 o 中
  }  
   return o;    //返回 o
}

function delp(o, p){
  for (prop in o) {         //遍历o中所有的属性
     if (! (prop in p)  delete o[prop]);   //如果p不存在，则删除p
   }
  return o;   //返回o
}

function subtrac (o, p){
  for(prop in p) {             //遍历p中的属性
   delete o[prop]              //从o中删除这个属性
 }
 retrun o;
}

function oobj (o, p){
  return newObj (extend (extend ( {},o),p);  //返回一个新的对象，这个对象拥有 o 和 p的属性
}

hasOwnProperty()     这个方法用来检测给定的名字是否是对象的自有属性
function keys(o){
  if (typeof o !== 'object') throw TypeError();  //参数必须是对象
  var result = [];    //将要返回的数组
  for( var prop in o ){       //遍历所有可枚举的属性
    if (o.hasOwnProperty (prop));          //判断是否有自有属性
    result.push(prop);         //将属性名添加至数组中
  }
  return result;
}

 对象的三个属性：

• 原型属性
• 类属性
• 可扩展性

原型属性是在实例对象创建之初就设置好的，对象的原型属性是用来继承属性的，要想检测一个对象是否是另一个对象的原型，请使用 isPrototypeOf() = instanceof()  ,这两个方法的功能非常类似

var p {x:1};                  //定义一个原型对象
var o = Object.create(p);        //使用这个原型创建一个对象
p.isPrototypeOf(o);         //true时，继承自p
Object.  prototypeOf(o);            //true时，p继承自 Object.prototype

对象的类属性是一个字符串，用以表示对象的类型信息。现在还没有提供这样的属性方法，只有一种间接的方式可以查询它：toString()，因此，要想获得对象的类，可以调用对象的toString方法，然后返回一个字符串，如何正确的使用类属性的toString方法：

//一个公共的classOf函数，可以返回传递给它的任意对象的类，这个函数可以传入任意类型的参数，数字、字符串和布尔值都可以直接调用toString方法，就和对象调用toString方法一样

function classof(o){
  if(o === null)  return "Null";
  if(o === undefined)  return "Undefined";
  return Object.prototype.toString.call(o).slice(8,-1);
}

对象的可扩展性用以表示是否可以给对象添加新属性。所有的内置对象和自定义对象都是可扩展的。

***********对象的序列化***********是指将对象的状态转换为字符串，也可将字符串还原为对象，这些数据都使用JSON作为数据交换格式，提供了如下方法进行转换：

JSON.stringify(o);   //将一个对象解析为JSON字符串
JSON.parse(str);    //从字符串中解析出JSON对象  

var str = '{"name":"huangxiaojian","age":"23"}'

JSON.parse(str);

//结果为：
//注意：单引号写在{}外，每个属性名都必须用双引号，否则会抛出异常。

{
  age: "23"
  name: "huangxiaojian"
}


var a = {x:1,y:10}

JSON.stringify(a)

//结果为：

"{"a":1,"y":10}"

avascript 中可以动态添加 对象属性

<html>
  <head>
    <script type="text/javascript">
        var obj = new Object();
        alert (obj.username);
        obj.username = "allen";
        alert (obj.username);
    </script>
  </head>
  <body>
  </body>
</html>

结果：
依次打印出 undefined, allen

也可用类似 EL (Expression Language)那样用“[]”表示。写成 obj["username"] = "allen";

如何删除属性？ 使用 delete

<html>
  <head>
    <script type="text/javascript">
        var obj = new Object();
        obj["username"] = "allen";
        alert (obj.username);
        delete obj.username;
        alert (obj.username);
    </script>
  </head>
  <body>
  </body>
</html>

结果：依次打印 allen, undefined. 说明 username 属性已经删除。

另外还有一种定义属性的方法，而且是我们必须掌握的：

<html>
  <head>
    <script type="text/javascript">
        var obj = {username:"allen", password:"123"};
        alert(obj.username);
        alert(obj.password);
    </script>
  </head>
  <body>
  </body>
</html>