Js中的对象

无序属性的集合，其属性可以包含基本值，对象，或者函数。可以将对象想象成散列表:键值对，其中值可以是数据或者函数。ECMAScript中的对象其实就是一组数据(属性)和功能(方法)的集合。

对象是一个包含相关数据和方法的集合（通常由一些变量和函数组成，我们称之为对象里面的属性和方法）

现实生活中，每一个人都是一个对象。对象有它的属性，如身高和体重，方法有走路或跑步等；所有人都有这些属性，但是每个人的属性都不尽相同，每个人都拥有这些方法，但是方法被执行的时间都不尽相同。

在 JavaScript中，几乎所有的事物都是对象。

之前我们已经学写了JavaScript的变量

以下代码为变量 person 设置等于值 "张三" :

var person = "张三"；

对象也是一个变量，但对象可以包含多个值（多个变量），每个值以 key:value键值对的方式 呈现。

var person = {name:"张三"，height:1.71,gender:"male"};

1.对象的创建

对象的初始化有两种方式，构造函数模式和字面量模式

字面量模式

对象使用"{}"作为对象的边界，对象是由多个属性组成，属性与属性之间通过","隔开，属性名与属性值通过":"隔开;属性名一般不添加引号（当属性名中出现特殊字符的时候需要添加引号），属性值如果是字符串的一定添加引号。

var obj = {
  name:"terry",
  age:12,
  sayName:function(){
    console.log("my name is ",this.name);
  }
}

构造函数模式

使用Object或者使用自定义构造函数来初始化对象(例如Student)

var obj = new Object();
obj.name = "terry";
obj.age = 12;
obj.sayName = function(){
  console.log("my name is",this.name);
}
//等价于 <==>
var obj={};
obj.name="terry";
obj.age=12;

2.对象的访问

        属性访问

属性访问方式也有两种，点访问、中括号访问

点后面直接跟的是对象的属性，如果属性存在可以访问到，如果属性不存在，得到undefined。 中括号 中 放的是变量，中括号可以将该变量进行解析。

obj.name

obj['name']

name='age'

obj['name']

方法的访问

方法的访问主要是为了执行该对象中的方法，需要按照函数调用的方式去使用

//以下执行结果不一样
obj.sayName;
obj.sayName();//方法的使用

遍历对象中的属性

普通版的for循环可以遍历数组，但无法遍历对象

增强版的for循环：

for..in用于遍历数组或者对象的属性

for(自定义变量名 in 数组/对象){
    执行代码
}
for(var key in obj){
    var value=obj[key];
}

obj对象:依次从obj中获取到属性名 “自定义变量名key”用来指定是数组的元素索引，也可以是对象的属性

3.新增删除对象中的属性

只能删除对象的自由属性

delete obj.pro

delete obj["proname"]

delete obj.sayName  //从obj对象中删除sayName属性

新增属性

 obj.newproname="value"

4.Object显示类型转换(强制类型转换)

Boolean(value)  将给定的值转换成Boolean型；

String（value）将给定值转换成字符串

Number(value)  将给定的值转换成数字（可以是整数也可以是浮点数）；

Object类型到Boolean类型

// 除了空引用(null)会转换为false，其他都被转换为true
var obj = {
  name:"briup",
  age:12
};
// 使用Boolean包装器进行转换
console.log(Boolean(obj));

Object类型转String类型

var obj = {
  name: 'zhangsan',
  age: 12,
  // 可以重写toString方法，进行我们想要的转换
  toString:function(){
    return this.name+"--"+this.age;
  }
};
console.log(obj.toString(), typeof obj.toString());
console.log(String(obj), typeof String(obj));

转换规则：

显示转换与隐式转换规则类似，当要将对象转换为String时，类似隐式转换中的PreferredType为String

1.先调用对象的toString方法

2.判断该方法的返回值是否为基础数据类型（Number，String，Boolean，Undefined，Null）

3.若返回值为基础数据类型，则转换规则按照相应数据类型的转换规则对其进行转换

4.若返回值不为基础数据类型，则在该返回值的基础上继续调用valueOf方法

5.判断valueOf的返回值是否为基础数据类型

6.判断是否为基础数据类型，若是基础数据类型则进行操作3

7.若仍旧不为基础数据类型则报错

Object类型转Number类型

var obj = {
  name:"biup",
  age:12,
  /*
        1.如果只重写了valueOf()或者toString()方法，则调用该方法，并将返回值用Number()转换。
        2.如果两个方法都重写了，则调用valueOf()，并将返回值用Number()转换。
        3.如果两个方法都没有重写，则返回NaN
    */
  toString:function(){
    return "100";
  },
  valueOf:function(){
    return 10;
  }
};
console.log(Number(obj));

转换规则：

显示转换与隐式转换规则类似，当要将对象转换为Number时，类似隐式转换中的PreferredType为Number

1.先调用对象的valueOf方法

2.判断该方法的返回值是否为基础数据类型（Number，String，Boolean，Undefined，Null）

3.若返回值为基础数据类型，则转换规则按照相应数据类型的转换规则对其进行转换

4.若返回值不为基础数据类型，则在该返回值的基础上继续调用toString方法

5.判断toString的返回值是否为基础数据类型

6.判断是否为基础数据类型，若是基础数据类型则进行操作3

7.若仍旧不为基础数据类型则报错