如何为数组索引添加键为变量的对象？循环添加动态键对象方法

嘿，这个问题我太熟悉啦！咱们分两种场景来解决你的需求：

一、给数组中已存在的对象添加动态键 #

你原来的代码里用了.来访问属性，这会导致JavaScript把myKey当成字面量的键名，而不是你变量里存储的动态字符串。正确的做法是用方括号语法来访问动态键：

var myKey = "someStringThatIsDynamic";
// 确保myArray已经初始化，且myArray[i]是一个存在的对象（比如先给它赋值{}）
if (!myArray[i]) {
  myArray[i] = {}; // 如果该位置没有对象，先创建一个空对象
}
myArray[i][myKey] = "myValue";

这样一来，myKey变量里的字符串就会被作为对象的键，把"myValue"赋值给对应的属性啦。

二、往数组指定索引添加带动态键的新对象 #

这里分两种情况，根据你是想替换原有元素还是插入新元素：

1. 替换指定索引的元素 #

直接创建带动态键的对象，赋值给数组的对应索引即可，ES6还支持更简洁的对象字面量写法：

var myKey = "dynamicKey";
var targetIndex = 2; // 目标索引位置

// 写法1：传统方式
var newObj = {};
newObj[myKey] = "myValue";
myArray[targetIndex] = newObj;

// 写法2：ES6 简写（推荐）
myArray[targetIndex] = { [myKey]: "myValue" };

2. 插入到指定位置（不替换原有元素） #

如果不想覆盖原有元素，而是把新对象插入到指定位置（后面的元素自动后移），可以用数组的splice方法：

var myKey = "dynamicKey";
var insertIndex = 1; // 要插入的索引位置
var newObj = { [myKey]: "myValue" };

// splice参数说明：(插入位置, 要删除的元素数量, 要插入的元素)
myArray.splice(insertIndex, 0, newObj);

小提示 #

• 操作前确保myArray已经被正确初始化（比如var myArray = [];），避免出现undefined相关的错误。
• 如果指定的索引超出了数组当前的长度，JavaScript会自动扩展数组，中间的空位会填充undefined，所以最好先检查索引的合理性哦。

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