Javascript - Using strings to construct an object properties

Question

I have got about 100 PC Specification dropdowns like one of them is given below:

<select class="drpProcessor spec-gen" name="processor_id">
    <option value=""></option>
    <option value="23">Some Processor</option>               
</select>

What I want to achieve is an object of the whole specification (i.e. all the 100 spec dropdowns with their values in an object) like following:

var specs = {
    processor_id : 21,
    ram_id : 34,
    motherboard_id: 45,
    ...
    ...
};

I know that I can achieve this using something like the following:

var specs = {
    processor_id : $('.drpProcessor').val(),
    ram_id : $('.drpRam').val(),
    motherboard_id: $('.drpMotherBoard').val(),
    ...
    ...
};

But that would be a tedious job to do ( as I would have to write this for 100 dropdowns ). Fortunately, I have the name applied to each of the drop down that I would want to take as the respective spec's property. So I went on and wrote this little snippet that takes the name off of each of the drop down and tries to create this name a property of the specs object:

var els = $('#deassTab select');

// construct the specs object
var specs = {};
$(els).each(function( index, elem ){
   specs.($(elem).prop('name')) = $(elem).val(); // <-- Problem Lies here
})

But it doesn't allow me to do so and gives this error:

SyntaxError: Unexpected token (

The problem lies at specs.($(elem).prop('name')) i.e. where I am trying to add this property to the specs object via string. Is ther any way that I can achieve this i.e. create an object's property using string?

specs[elem.name] = elem.value; ???

A. Wolff
– A. Wolff

2014-03-29 14:57:43 +00:00
Commented Mar 29, 2014 at 14:57 — A. Wolff
– A. Wolff, Commented Mar 29, 2014 at 14:57

Brandon Buck · Accepted Answer · 2014-03-29 14:58:26Z

4

The error is the line:

specs.($(elem).prop(name)) = $(elem).val();

Where, when you want to use strings to dynamically set properties, you use square bracket syntax (and no dots) making that line:

specs[$(elem).prop(name)] = $(elem).val();

Which should resolve your problem.

answered Mar 29, 2014 at 14:58

Brandon Buck

7,1902 gold badges33 silver badges51 bronze badges

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

Collectives™ on Stack Overflow

Javascript - Using strings to construct an object properties

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