create dynamic multi-dimenstional associative array using javascript

Question

Below is my JS code :

        var checkedLength = $(ele).parent().parent().find('table').find(':checkbox:checked').length;

    if(checkedLength)
{
     $(ele).parent().parent().find('table').find(':checkbox:checked').each(function(i) {
        $(this).parent().removeClass().addClass('play');
        $(this).prop('checked',false);
        var agn = $(this).data('agn');
        var value = $(this).data('kid');

        checkedValues[agn] = {};
        // Make bar an array, if it's not defined yet
        checkedValues[agn]["bar"] = checkedValues[agn]["bar"] || [];
        checkedValues[agn]["bar"].push(value);
    });
            console.log(checkedValues);
}

From above code am getting output as :

   object {agnName => bar[0] = 6}

Desired O/P :

   object {agnName => bar[0] = 4,bar[1] = 5 , bar[2]=> 6}

Can anyone guide me how can achieve this array structure ??

Thanks.

javasript does not support associative array, so you can create json object instead — Pragnesh Chauhan
– Pragnesh Chauhan, Commented Dec 10, 2013 at 13:35

charlietfl · Accepted Answer · 2013-12-10 13:52:48Z

3

You have a test to see if checkedValues[agn] exists and you create it as an empty object if it doesn't. However you then immediately try to push to an array within that object that doesn't exist

Try changing

checkedValues[agn] = {};
checkedValues[agn]['pl'].push = $(this).data('kid');

To

checkedValues[agn] = {pl:[]};/* add property "pl" who's value is empty array*/
 /* now the array exists , can push elements into it*/
checkedValues[agn]['pl'].push($(this).data('kid'));

Also note push() syntax you are using is incorrect.....should be push( value )

edited Dec 10, 2013 at 13:52

answered Dec 10, 2013 at 13:45

charlietfl

172k14 gold badges125 silver badges154 bronze badges

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

2 Comments

charlietfl Over a year ago

@bfavaretto yup...too early this morning...didn't notice hat...thx

arul.k Over a year ago

Have tried as u suggested resulted like this : Object { agnName={ pl { push=>479 } }} desired O/P is object { agnName => 'pl' => {4,5,6}}

bfavaretto · Accepted Answer · 2013-12-10 13:53:05Z

3

You want an object, not an array:

checkedValues = {};
checkedValues.foo = {};
checkedValues.foo.bar = 'baz';  

// Another way:
checkedValues["keyname"] = "value";

// You can also use variables as keys
var agn = "foo";
checkedValues[agn] = "value";

// Just don't forget to init nested objects
var agn = "foo";
checkedValues[agn] = {};
checkedValues[agn]["bar"] = "value";

// If you need an array inside:
var agn = "foo";
checkedValues[agn] = {};
// Make bar an array, if it's not defined yet
checkedValues[agn]["bar"] = checkedValues[agn]["bar"] || [];
checkedValues[agn]["bar"].push("value");

edited Dec 10, 2013 at 13:53

answered Dec 10, 2013 at 13:36

bfavaretto

72k18 gold badges118 silver badges162 bronze badges

7 Comments

arul.k Over a year ago

But, its in $.each function, have to create this array dynamically by looping through the rows in which checkboxes are checked which will have the data attributes 'agn' and 'kid'. Using this agn and kid values in need to create the array structure as shown above..

bfavaretto Over a year ago

See my update, you can use variables as keys with bracket notation

arul.k Over a year ago

checkedValues[agn]["bar"] = "value"; will replace the previous values with new value in loop, it has to be like checkedValues[agn]["bar"][] = "value"; like how we do in PHP to push values... i short checkedValues[agn]["bar"] shoud be an array of values ...

bfavaretto Over a year ago

So make bar an array. See charlietfl's answer, and my comment below it.

arul.k Over a year ago

Have tried it, 90% done, but i have checked 3 checkboxes from 3 tr in table, then ['bar'] index should have 3 values but it giving the final tr checkbox value only. I suppose the values are overwritten... Object { agnName={ bar [6] }} it should be : Object { agnName={ bar [4,5,6] }}

|

milks · Accepted Answer · 2013-12-10 13:37:18Z

0

associative arrays are done as objects in Javascript:

var data = {
    agnName: {
        pl: [4, 5, 6]
    }
}

so you can access data.agnName.pl[0] to return 4 or more dynamically with data['agnName'].pl[0]

answered Dec 10, 2013 at 13:37

milks

3142 silver badges9 bronze badges

1 Comment

arul.k Over a year ago

how will it be created dynamically in $.each loop? firstime if array doenst exist it has to create, if exist then it has to push values to particular index...

Amitkumar solanki · Accepted Answer · 2014-03-07 13:18:45Z

0

To create a mulch-dimensional obj. you have to initialize obj and then you can enter value. like below

var obj = {}

obj[dynamicval1] = {};
obj[dynamicval1][dynamicval2] = {};
obj[dynamicval1][dynamicval2] = {key1:value1,key2:value2};

Hope it works!

answered Mar 7, 2014 at 13:18

Amitkumar solanki

3918 silver badges20 bronze badges

Collectives™ on Stack Overflow

create dynamic multi-dimenstional associative array using javascript

4 Answers 4

2 Comments

7 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

7 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related