javascript dynamic array creation with key value pairs

Question

I am trying to create dynamic array while selecting values from various select boxes. So I want the created array's key and value should be the value and text of as selected.

for example below are three select boxes for Name, grade and age.

 Name           grade       age
---------      ---------   ---------
 Jack            A          12
 Sam             B          13
 Jessy           A          11

I tried the below code:

   <script>
    var data = [];
    $('.filter_select').change(function() {
        data[$(this).attr('name')] = $(this).val();   
    });
    </script>

But I am not able to iterate the created array for using $.each(data, function() {});

Whenever I do selecting any of the three select boxes the array should be look like this and can be iterated using $.each

var data = []
data['Name'] = 'Sam'
data['grade'] = 'A'
data['age'] = '12'

Any help could lead right way.

Sergey P. aka azure · Accepted Answer · 2014-09-03 09:11:18Z

1

Use var data = {}; if you only need key/value pairs and don't need array capabilities. Iterating properties could be done like this:

for (var property in data) {
    // your code accessing data[property]
}

answered Sep 3, 2014 at 9:11

Sergey P. aka azure

4,8421 gold badge34 silver badges25 bronze badges

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

1 Comment

Nope Over a year ago

don't forget the check for data.hasOwnProperty(property).

Collectives™ on Stack Overflow

javascript dynamic array creation with key value pairs

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related