javascript - 使用循环在数组中映射对象及其名称

Question

我有一个包含一些对象的数组:

var myArray = [{
    'id': 'first',
    'value': 'firstValue'
}, {
    'id': 'second',
    'value': 'secondValue'
}, {
    'id': 'third',
    'value': 'thirdValue'}, 
etc.];

我正在尝试用循环添加值，这样我就有了这样的东西:

var myArray = [{
    'id': 'first',
    'value': 'firstValue',
    'inc1' : 1
}, {
    'id': 'second',
    'value': 'secondValue'
    'inc2' : 2
}, {
    'id': 'third',
    'value': 'thirdValue'
    'inc3' : 3
}];

我知道有映射

myArray.forEach(function(o, i) { 
    o.inc = i + 1;                 
});

我可以获得递增的结果，但是我如何获得名称 inc1、inc2、inc3...？

Answer 1

您可以将属性的方括号表示为 property accessor , 喜欢

object.property    // dot notation
object['property'] // bracket notation

var myArray = [{ id: 'first', value: 'firstValue' }, { id: 'second', value: 'secondValue' }, { id: 'third', value: 'thirdValue' }];

myArray.forEach(function (o, i) {
    o['inc' + (i + 1)] = i + 1;
    //^^^^^^^^^^^^^^^^ use brackets and property as string
});

console.log(myArray);

.as-console-wrapper { max-height: 100% !important; top: 0; }