JavaScript循环中动态命名变量：批量赋值digitalData属性的问题

我来帮你搞定这个问题！你遇到的核心问题是动态访问嵌套对象属性的语法错误，咱们一步步拆解修正：

为什么你的写法会出错？ #

• 第一种写法里的digitalData.this["option"+i].this["option"+i]完全不符合语法：this不是digitalData的属性，你不能用.this来访问对象的动态属性，正确的姿势是直接对目标对象使用方括号语法。
• 第二种写法的字符串拼接逻辑错误："digitalData.option+i+.name+i"会被解析成固定字符串（比如i=1时，它就是"digitalData.option+i+.name+i"，而不是你想要的"digitalData.option1.name1"）。另外，就算拼接正确，Window["xxx"]也只能访问顶层全局属性，无法直接访问嵌套的子属性。

正确的实现方式 #

如果你的需求是给digitalData.option1.name1、digitalData.option2.name2...这类数字序号对应的属性赋值，直接通过逐层方括号访问即可，推荐两种写法：

写法1：传统字符串拼接 #

var i = 1;
// 替换成你的循环终止条件，比如i <= 3
while (i <= 3) {
  // 先访问digitalData的optionX属性，再访问该对象的nameX属性
  digitalData["option" + i]["name" + i] = "你要赋的值";
  i++;
}

写法2：ES6模板字符串（更简洁） #

// 用for循环示例，同样替换成你的循环条件
for (let i = 1; i <= 3; i++) {
  digitalData[`option${i}`][`name${i}`] = "你要赋的值";
}

额外的错误防护（可选） #

如果digitalData或者对应的optionX对象可能未初始化，建议增加判断避免运行时报错：

for (let i = 1; i <= 3; i++) {
  const optionKey = `option${i}`;
  const nameKey = `name${i}`;
  
  // 确保digitalData和目标option对象存在后再赋值
  if (digitalData && digitalData[optionKey]) {
    digitalData[optionKey][nameKey] = "你要赋的值";
  } else {
    console.warn(`digitalData.${optionKey} 不存在，跳过赋值`);
  }
}

内容的提问来源于stack exchange，提问作者Abdullah Sholapur