JS动态特性

 

var arr=[]; arr['js']='jquery'; arr['css']='oocss'; var obj={}; for(var i in arr) { obj[i]=arr[i]; } alert(obj.js);

 

JS语言的动态特性非常灵活，可以给对象动态的增加新的属性或者方法，即便是对数组也是可以动态增加其个数。所以上面的这个小代码片段是完全可以运行的，继续往下看

 

var arr=[]; arr['js']='jquery'; arr['css']='oocss'; var obj={}; for(var i in arr) { obj.i=arr[i]; } alert(obj.js);

这个运行结果是"undefined",其实这段代码和上面的就一个差别，obj[i]和obj.i的区别,前面的博文中说过对一个对象的属性进行访问的时候是可以通过数组的形式obj[i]和对象属性的形式obj.i，其实两者还是稍微有点区别的，上面的例子就很明显。

 1， .是用对某个确定的属性名的访问
 2， []里面可以添加不确定的属性

所以第二个只能获取obj.i的值，可以跟踪下，obj.i='oocss';当然也可以借助eval函数强制完成，下面的代码也是可以的：

 

 var arr = [];

        arr['js'] = 'jquery';

        arr['css'] = 'oocss';

        var obj = {};

        for (var i in arr) {



                        eval("obj." + i + " =arr['" + i + "']"); //

        }

 

 

 

 

对象是由类来产生的，一个对象实际是上包含方法和属性的集合，在JS中可以通过JSON对象来表示，也就是Key-Value的形式，看下我们浏览器调试的时候，浏览器给我们的结果：