jQuery- Use variable name in each loop to name new variable

Question

I have an array of items, and I am trying to assign a variable name based on each of the array's item names. For example, if the array has the values:

var thearray = {};
thearray['0'] = 'car';
thearray['1'] = 'boat';
thearray['2'] = 'truck';

I want to end up with three variables, named car_output, boat_output, truck_output.

They will all contain the same data. Here is how I'm trying to do it:

$.each(thearray, function(index, value) { 
    var value+'_output' = 'stuff...'; // something not right
});

Something is not right with the way I'm trying to name each variable. Any ideas?

'var value+'_output' = 'stuff...';` ??? why is there + sign and a constant '_output'? The LHS should be a variable only — Ruchir Gupta
– Ruchir Gupta, Commented Aug 6, 2014 at 4:43
@JROB - Look at bala answer it is perfect answer for your question — Sudharsan S
– Sudharsan S, Commented Aug 6, 2014 at 5:12
@JqueryKing Thanks... once I get the arrays loaded, I can't get them onto the page: $('#'+value).html(value+'_output');. It's just showing the actual word, for example "car_output" and not what the var "car_output" actually is. — MultiDev
– MultiDev, Commented Aug 6, 2014 at 5:15

Gary · Accepted Answer · 2014-08-06 04:45:28Z

1

This should do the trick. The secret is to use the global window object like an array, in order to create dynamic variable names.

var thearray = {};
thearray['0'] = 'car';
thearray['1'] = 'boat';
thearray['2'] = 'truck';

$.each(thearray, function(index, value) { 
    window[value+'_output'] = 'stuff...';
});

console.log(car_output); // "stuff..."

answered Aug 6, 2014 at 4:45

Gary

4,2818 gold badges43 silver badges64 bronze badges

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

1 Comment

MultiDev Over a year ago

One problem I'm having is trying to output the variable contents into a div: $('#'+value).html(value+'_output');... it's outputting the text, for example car_output, and not what the variable car_output actually holds.

Balachandran · Accepted Answer · 2014-08-06 04:50:08Z

0

Try to create an object dynamically to store the relevant values, please don't use window object to store the values since it is a clumsy way.

var thearray = {};
thearray['0'] = 'car';
thearray['1'] = 'boat';
thearray['2'] = 'truck';

var obj={};
$.each(thearray, function (index, value) {
    obj[value+"_output"]="stuff";
});

DEMO

answered Aug 6, 2014 at 4:50

Balachandran

9,6271 gold badge19 silver badges26 bronze badges

1 Comment

Balachandran Over a year ago

@Downvoter: Care to comment.? what's wrong in my answer.

Jatin Gadhiya · Accepted Answer · 2014-08-06 04:55:48Z

0

you can do using array,

var user_types = ["car","boat","truck"];
var types = {};

$.each(user_types, function( index, value ){
  types[value+"_output"] = 'The value of dynamic variable, val';
});

console.log(types);

i hope this help you..

edited Aug 6, 2014 at 4:55

answered Aug 6, 2014 at 4:47

Jatin Gadhiya

2,0855 gold badges25 silver badges42 bronze badges

Comments

gaurav · Accepted Answer · 2014-08-06 04:56:44Z

0

I think this is what you wanted. it's working as you wanted.

var user_types = ["car","boat","truck"];
var types = {};

$.each(user_types, function( index, value ){
  types[value+'_Output'] = value;
});

console.log(types);

see jsfiddle link http://jsfiddle.net/C23U8/1/

answered Aug 6, 2014 at 4:56

gaurav

2301 silver badge6 bronze badges

Collectives™ on Stack Overflow

jQuery- Use variable name in each loop to name new variable

4 Answers 4

1 Comment

DEMO

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related