JavaScript基础之⑩对象的创建和遍历（for in ）

                         QQ:3020889729                                                                                 小蔡

js的对象创建

空对象创建

空对象字面创建

// 空对象创建
var object_1 = {};
//实时添加属性和方法
object_1.names = "Tom";
object_1.years = 23;
object_1.add = function() {
  return this.years+1;
}
console.log(object_1);
console.log("object_1的属性值:"+object_1.add());//调用执行后的结果

效果：

空对象new关键字实例创建

// 空对象创建——使用new关键字创建
// 当然，避免创建string对象，除非必要
// 一般字符串使用，无须刻意创建对象（由于js的基本包装类型）
var object_1 = new String();
//实时添加属性和方法
object_1.names = "Tom";
object_1.years = 23;
object_1.add = function() {
  return this.years+1;
}
console.log(object_1);
console.log("object_1的属性值:"+object_1.add());//调用执行后的结果

效果：

一般对象的创建（声明时就包含属性和方法）

// 对象的创建
var object_0 = {
  names: "Sam",
  years: 27,
  emile: "[email protected]"
}
console.log(object_0);

效果：

对象遍历（for in ）

对象的属性调用有两种方式：
其一、用点连接对象和它的属性以及方法：如，object_0.names
其二、用类似访问数组元素的方式，只是此时[]中的参数是属性名，如，object_0[names]
(ps:第二种情况多见于遍历数组时，但是需要注意的是，在访问方法时，务必记得要有(),否则返回的时方法声明的内容)

// 对象遍历
var object_0 = {
  names: "Sam",
  years: 27,
  emile: "[email protected]",
  fn: function() {
    return "adc"+this.emile;
  }
}
for(var i in object_0)//逐一遍历对象中的所有属性
{
  console.log(i+':'+object_0[i]);
  //需要注意，遍历到方法时，则返回的是方法声明的全部内容
}
console.log("我们调用一下方法，看看是否有反应——"+object_0[i]());
//对象[属性/方法名]，这样使用就相当于调用属性值和方法声明
//如果想要使用方法，需要在后边加上()才可以
//当然啦，直接使用object_0.fn(),也是可以的。

效果：