动态设置js的属性

标签：js

目标:js的属性名可以使用变量

举例:js对象object,当赋给该对象属性的时候可以采用以下方式

var object;

object.prop1 = "value1";

object.prop2 = "value2";

object.push({prop1:"value1"});

object.push({prop2:"value2"});

object.push({"<span style="font-family: Arial, Helvetica, sans-serif;">prop1</span>":"value1"});

var prop1 = "prop2";

object.push({prop1:"<span style="font-family: Arial, Helvetica, sans-serif;">value1</span>"});

alert(<span style="font-family: Arial, Helvetica, sans-serif;">object.prop2) </span>

原因已经说过了,无论加不加引号,属性一律当成常量对待.再举一个例子:

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

当然是undefined.

大家再猜一下,如果alert(obj.i)会打印什么?

当然是oocss,为什么?因为obj现在只有一个属性i,而且通过两次循环,obj.i前面的被后面的覆盖掉.

如果有需求,需要动态添加属性,也就是说,属性也必须是一个变量才行,如上例代码,alert(obj.js)不是undefined,而是jquery,该如何修改呢?

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

动态设置js的属性

标签：js

原文地址：http://blog.csdn.net/salerzhang/article/details/40213401