Javascript迭代问题 - 变量变量

时间:2011-02-18 09:05:50

标签: javascript

不是旧JS的专家,所以这里

我有

store1.baseParams.competition = null;
store2.baseParams.competition = null;
store3.baseParams.competition = null;

我想做的是

for (i=1; 1<=3; 1++) {
    store + i +.baseParams.competition = null;
}

希望有意义我想做什么 - 是否可能

基本上通过添加变量/对象

干杯

3 个答案:

答案 0 :(得分:5)

实现此目标的一种方法是通过eval() - (通常是一个非常糟糕的主意)

for (var i=1; i<=3; i++) {
    eval("store" + i + ".baseParams.competition = null;");
}

另一种更复杂但相对有效的方法是创建一个函数,使您能够在运行时动态地改变任意深层对象层次结构。这是一个这样的功能:

/*
   Usage: 
     Nested objects:
     nested_object_setter(object, ['property', 'propertyOfPreviousProperty'], someValue);
     Top-level objects:
     nested_object_setter(object, 'property', someValue);
 */

function dynamic_property_setter_base(obj, property, value, strict) {
   var shouldPerformMutation = !strict || (strict && obj.hasOwnProperty(property));
   if(shouldPerformMutation) {
      obj[property] = value;    
   }
   return value;
}

function dynamic_property_setter(obj, property, value) {
   return dynamic_property_setter_base(obj, property, value, false);
}

function nested_object_setter(obj, keys, value) {
    var isArray = function(o) {
      return Object.prototype.toString.call(o) === '[object Array]';
    };

    //Support nested keys.
    if(isArray(keys)) {
       if(keys.length === 1) {
          return nested_object_setter(obj, keys[0], value);
       }

       var o = obj[keys[0]];
       for(var i = 1, j = keys.length - 1; i < j; i++)
          o = o[keys[i]];
       return dynamic_property_setter(o, keys[keys.length - 1], value);
    }

    if(keys != null &&
       Object.prototype.toString.call(keys) === '[object String]' &&
       keys.length > 0) {
       return dynamic_property_setter(obj, keys, value);
    }

    return null;
}

您的代码如下所示:

for(var i = 1; i <= 3; i++) 
  nested_object_setter(this, ['store' + i, 'baseParams', 'competition'], null);

这是另一个在JS控制台中运行的例子:

> var x = {'y': {'a1': 'b'}};
> var i = 1;
> nested_object_setter(this, ['x','y','a' + i], "this is \"a\"");
> x.y.a1
"this is "a""

另一种方法,恕我直言,这是最简单但最不可扩展的方式:

this['store' + i].baseParams.competition = null;

答案 1 :(得分:1)

for (i=1; i<=3; i++) {
    this["store" + i + ".baseParams.competition"] = null;
}

另一种在JS中分配变量的形式。

答案 2 :(得分:1)

那不行。你可以创建一个对象,将'store'+ i存储为属性。

 var storage = {},i=0;
 while(++i<4) {
    storage['store' + i] = { baseParams: { competition:null } };
 }
 Console.log(String(storage.store1.baseParams.competition)); //=> 'null'

在浏览器中,您还可以使用window命名空间声明变量(避免使用eval):

var i=0;
 while(++i<4) {
    window['store' + i] = { baseParams: { competition:null } };
 }
 Console.log(String(store1.baseParams.competition)); //=> 'null'