使用forEach迭代数组，添加到对象并为对象键使用forEach索引不起作用

Question

我想使用forEach迭代数组，然后将该数组的值添加到对象。

当添加到对象中时，我希望能够使用递增的数字来命名对象键，就像使用i变量计数器使用普通的for loop时一样。

使用以下代码：

var myArray = [123, 15, 187, 32];
var testObj = {}
myArray.forEach(function (value, i) {
    console.log('%d: %s', i, value);
    var objectKeyName = "item" + i; // ⬅️ here
    testObj.objectKeyName = value;
});
console.log(testObj);

我希望testObj是

{
    item0: 123,
    item1: 15,
    item2: 187,
    item3: 32, 
}

相反，它输出：

{objectKeyName: 32}

为什么是这样？ 任何帮助是极大的赞赏！ 😀

Answer 1

问题是因为您使用变量作为属性名称。 在这种情况下，您不能使用点表示法，而必须使用括号表示法来访问对象。

当前仅在对象中看到一项的原因是，您仅设置了objectKeyName属性，并在forEach每次迭代中将其覆盖。

 var myArray = [123, 15, 187, 32]; var testObj = {} myArray.forEach(function(value, i) { var objectKeyName = "item" + i; testObj[objectKeyName] = value; // Note the [] surrounding the variable name here }); console.log(testObj); 

Answer 2

使用testObj[objectKeyName] = value代替testObj.objectKeyName = value 。 点表示法从字面上分配键值。

Answer 3

解决方案在这里

 var myArray = [123, 15, 187, 32]; var testObj = {} myArray.forEach(function(value, i) { testObj["item" + i] = value; }); console.log(testObj); 

Answer 4

var myArray = [123, 15, 187, 32];
var testObj = [];
myArray.forEach(function (value, i) {
    console.log('%d: %s', i, value);
    var objectKeyName = "item" + i; // ⬅️ here
    testObj.push(objectKeyName + ":" + value);
});
console.log(testObj);
testObj.forEach(function (value, i) {
    console.log(value);
});