Javascript迭代问题 - 变量变量

Ian*_*ner 3 javascript

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

我有

store1.baseParams.competition = null;
store2.baseParams.competition = null;
store3.baseParams.competition = null;
Run Code Online (Sandbox Code Playgroud)

我想做的是

for (i=1; 1<=3; 1++) {
    store + i +.baseParams.competition = null;
}
Run Code Online (Sandbox Code Playgroud)

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

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

干杯

Jac*_*kin 5

实现这一目标的一种方法是通过eval()- (通常是一个非常不好的主意)

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

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

/*
   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;
}
Run Code Online (Sandbox Code Playgroud)

您的代码如下所示:

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

这是另一个在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""
Run Code Online (Sandbox Code Playgroud)

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

this['store' + i].baseParams.competition = null;
Run Code Online (Sandbox Code Playgroud)