javascript（三）：对象

 对象（object）是javascript中很重要的数据类型。对象是“键值对”的集合，同时也是无序的。（注意：对象结尾处有分号）

var ob1={
    a1:'name',//a1可以加引号或者不加
    a2:100,
    a3:function test(){}//末尾逗号(,)可加可不加
};
var a1;
console.log(ob1['a1']);
console.log(ob1.a2);
var a2='a2';
console.log(ob1[a2]);//此处a2被当做变量处理
for(var obj in ob1){
    console.log(ob1[obj]);//此处obj被当做字符串处理
}

 

对象的生成方法有三种：三种方法等价！

var ob2={};
var ob2=new Object();
var ob3=Object.create(Object.prototype);

 

关于对象键名：对象的键名是字符串，加不加引号均行；键名是数值，会自动转化为字符串；键名如果不符合标识名的条件，则需要加上引号！

注意：键名是字符串，但键值是任意形式（比如函数，整数，对象等）　　

var ob4={
    b1:'address',//键名未加引号
    'b2':100,//键名加了引号
    1e3:'age',//变为'1000'
    '02x':[]//02x不符合标识符格式，需要加上引号！
};

 

对象里面的属性：可以动态添加，亦可动态删除

console.log('I\'m the division line -------------');
var ob5={
    name:'Bob'
};
ob5.name1='Alice';
console.log(ob5.name1+" "+ob5.name);
delete ob5.name;
delete ob5.name1;
console.log(ob5.name1+' '+ob5.name);

运行结果：

 

对象中的“方法”：属性的值是函数，即对象里面的函数，称为“方法”！

var ob6={
    name:'cat',
    //属性f是一个方法，即对象里面的函数
    f:function test(a,b){
        return a<b ? a:b;
    }
};
console.log(ob6.name+' '+ob6.f(1,10));

运行结果：

 

对象引用：不同的变量名指向同一个对象，那么它们都是这个对象的引用，即指向同一个内存地址！修改其中一个变量，会影响到其它变量！

var obj={
    name:'Dog'
}
var o=obj;
console.log(o);
o.sex='male';//修改o,同时会影响obj
console.log(o,obj);
delete obj.name;
console.log(o,obj);

运行结果：

注意：当取消一个变量对对象的引用，则不会对另外一个变量造成影响！

obj=100;
console.log('此时obj=100,不是对象的引用了');
console.log(obj,o);

运行结果：

 

但是这种引用只限于对象，其它原始数据类型的数据依然是传值引用，即值的拷贝！

一个值发生变化，另一个值不会跟着发生相应的变化！

var v1=10;
v2=v1;
console.log(v1,v2);
v2=100;
console.log(v1,v2);
v1=1000;
console.log(v1,v2);

运行结果：

 

查看对象中所有键名（属性）：使用Object.keys()方法。

var obj2={
    name:'Array',
    sex:'mail',
    age:180
};
console.log(Object.keys(obj2));

运行结果：

 

对象中的delete命令：一般删除对象中存在或不存在的键（属性），都返回true；除非对象设置configurable:false,此时delete后返回false。

同时delete不能删除继承来的属性。

var obj3={
    name:'xiaoming',
    grade:'middle school',
    age:20
};
console.log(obj3.age);
console.log(delete obj3.age);//返回 true
console.log(obj3.age);//此时返回undefined
console.log(delete obj3.address);//返回true,纵然address键不存在
console.log(delete obj3.toString);//返回true,但是继承来的方法并未被删除
console.log(obj3.toString);

设置configurable:false后：

var obj4=Object.defineProperty({},'p',{
    value:100,
    configurable:false
});
console.log(delete obj4.p);//返回false

当然，前面学习变量申明时，就知道了delete 不能删除var申明的变量。（var 申明的是顶层对象，即window的属性，默认不可删除！）

 

检测对象中是否包含某个属性：in运算符！但是用in检测对象继承的属性，也返回true！！！

var obj5={
    language:"Go,Dart",
    company:'google',
    product:'chrome'
};
console.log('------------');
if('company' in obj5){
    console.log('yes');
}else{
    console.log('no');
}
console.log('toString' in obj5);//in,继承来的属性，返回true
console.log(obj5.hasOwnProperty('toString'));//继承来的属性，返回false

 

在JavaScript中，所有由var申明的全局变量都是顶层对象（window）的属性（--一切皆对象），都可以用in运算符检测。

console.log('wondow -------');
b=1000;
console.log(b in window);//false
var a=100000;
console.log(a in window);//true
var x=1;
if(window.x){
    console.log('这种方法不能检测空字符串或null或undefined');
}
if(x){
    //执行不下去了，报错，not definded
}

 

for...in循环遍历对象属性：

1.只遍历可遍历（enumerable）的属性，会跳过不可遍历的属性；

2.不仅遍历自身属性，还遍历继承属性。

 

with：操作同一个对象的多个属性时，提供书写上的一些方便。

var obj6={
    name:"apple",
    name1:'blue',
    name2:'cat'
};
console.log('obj6-----');
with(obj6){
    console.log(name);//返回"apple"
}

但是with很容易创造全局变量（即没有经过var申明）：

with(obj6){
    age=100;//obj6中没有这个属性
    console.log(age);
}

所以with缺点：无法判断变量如age是对象的一个属性，还是一个全局变量；这样不利于代码的排错和模块化；编译器无法对代码进行优化，只能运行时判断，拖慢了运行速度。因此不建议使用with,可以采用临时变量进行代替。

 

但是with的一个使用场景是：模板引擎变量替换。

 

参考：阮一峰JavaScript标准参考教程