Jquery Array Object - How to add suffix variable to index names

Question

I have this array object which initiates each index:

var example = { 'hours': 0, 'overtime': 0, 'income': 0, 'expenditure': 0 };

However it is inside a .each() loop. Each index needs a unique identifier like: hours0 hours1.

The old format that I used to append a suffix is bulky.

example['hours'       + index] = 0;
example['overtime'    + index] = 0;
example['income'      + index] = 0;
example['expenditure' + index] = 0;

I've tried the following.

var example = { 'hours'+index: 0, 'overtime'+index: 0, 'income'+index: 0, 'expenditure'+index: 0 };

But it results in: Uncaught SyntaxError: Unexpected token +

any ideas?

I don't think there is another way to do this, perhaps you can just define e = example and then e['hours' + index] = 0; etc... and finally example = e — Rob Schmuecker
– Rob Schmuecker, Commented Sep 4, 2014 at 10:39
You have to use bracket notation - for a full explanation, see stackoverflow.com/questions/9708192/… — Joe
– Joe, Commented Sep 4, 2014 at 10:39

Gerald LeRoy · Accepted Answer · 2014-10-19 10:51:08Z

2

Here's an alternate way to do this that might work for you:

var employee = [];

var numEmpl = 100; // total number of employees

for(var i = 0; i < numEmpl; i++)
  employee[i] = {'hours' : 0, 'overtime' : 0, 'income' : 0, 'expenditure' : 0};

The above code gives you an array of objects, one for each employee. Each object (employee) property can be accessed individually like this:

employee[20].overtime = 10;

console.log(employee[20].overtime) // => 10

Alternately, you can update all info for a given employee at one time like this:

employee[30] = {'hours' : 45, 'overtime' : 5, 'income' : 1000, 'expenditure' : 0}

console.log(employee[30].overtime) // => 5

To add a new employee, simply do this:

employee.push({'hours' : 0, 'overtime' : 0, 'income' : 0, 'expenditure' : 0})

edited Oct 19, 2014 at 10:51

answered Sep 13, 2014 at 6:26

Gerald LeRoy

1,2872 gold badges11 silver badges18 bronze badges

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

1 Comment

Constantinos Over a year ago

This is definitely a much better way of doing it!

vikrant singh · Accepted Answer · 2014-09-04 11:57:05Z

1

Add new keys and delete old keys

 var example = {
       'hours': 0,
       'overtime': 0,
       'income': 0,
       'expenditure': 0
   };
   var index = 0;
   for (var key in example) {
       example[key + index] = example[key];//adding new key with old value
       delete example[key];//delete old key
   }
   console.log(example);

Output: Object {hours0: 0, overtime0: 0, income0: 0, expenditure0: 0}

answered Sep 4, 2014 at 11:57

vikrant singh

2,1111 gold badge12 silver badges16 bronze badges

Comments

iGoodie · Accepted Answer · 2019-04-12 16:41:41Z

0

Gerald's answer definitely is the best way to do it.

However note that it is also possible to evaluate string expressions as object fields inline. Here's how you do it:

let a = { ['foo' + 'bar' + 123]: 5 }
// a is now { foobar123: 5 }

answered Apr 12, 2019 at 16:41

iGoodie

1621 silver badge10 bronze badges

Collectives™ on Stack Overflow

Jquery Array Object - How to add suffix variable to index names

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related