Mapping objects and their names in an array with loop

Question

I've got an array with some objects :

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

I'm trying to add values with a loop so that I have something like this :

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

I know that with mapping

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

I can get the results incremented, but how do I get the names inc1, inc2, inc3...?

Just curious: Why do you want to add the number to the property name? — Andreas
– Andreas, Commented May 10, 2017 at 12:34

Nina Scholz · Accepted Answer · 2017-05-10 12:42:45Z

4

You could use bracket notation for the property as property accessor, like

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; }

edited May 10, 2017 at 12:42

answered May 10, 2017 at 12:27

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Mapping objects and their names in an array with loop

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related