Dynamic data insertion into a Javascript array

Question

When I set imArray and console.log() it out, the console tells me that each value from members.[i1].friendId is at value 0. I have about 5 values that pass to imArray. This is my first time working with dynamic array looping. So if you could, please explain to me how I'd output this data into an array correctly.

$.getJSON("<?=base_url()?>index.php/regUserDash/chatBoxMembers", function(data) {
    var members = data.chatMembers;
    for(var i1 = 0; i1 < members.length; i1++) {
        var imArray = [members[i1].friendId];
        if(members[i1].activityStatus === 'Minimized') {
            function minimizedBox() {
                return '<span style="position: relative; left: 84px; font-family: Verdana; font-size: 8pt" class="clickForMessageBox">' + members[i1].firstname + ' ' + members[i1].lastname + '</span>&nbsp;&nbsp;&nbsp;';
            } $('#box1').append(minimizedBox());
        }
    }
});

You want to add the members[i1].friendId to an array imArray? In this case you should use imArray.push(members[i1].friendId) and you have to be sure that you do not declare the array again for each loop you do. — axel.michel
– axel.michel, Commented Dec 27, 2012 at 23:09

Nope · Accepted Answer · 2012-12-27 23:10:54Z

2

Declare the array outside and then you can push the data in during each cycle:

var imArray = []; 

for(var i1 = 0; i1 < members.length; i1++) {
    //var imArray = [members[i1].friendId];
    imArray.push(members[i1].friendId);
    if(members[i1].activityStatus === 'Minimized') {
        function minimizedBox() {
            return '<span style="position: relative; left: 84px; font-family: Verdana; font-size: 8pt" class="clickForMessageBox">' + members[i1].firstname + ' ' + members[i1].lastname + '</span>&nbsp;&nbsp;&nbsp;';
        } $('#box1').append(minimizedBox());
    }
}

answered Dec 27, 2012 at 23:10

Nope

22.4k8 gold badges50 silver badges73 bronze badges

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

1 Comment

NetOperator Wibby Over a year ago

Oh man, I was thinking my code was wrong but I was declaring my array inside the function. This is why StackOverflow is the best.

Explosion Pills · Accepted Answer · 2012-12-27 23:08:28Z

1

I think that you want to append the values to the array:

var imArray = [];
for (var i1 = 0 ...
   imArray.append(members[i1].friendId]);

With your code you are just setting imArray to an array with a single value each time.

answered Dec 27, 2012 at 23:08

Explosion Pills

192k56 gold badges341 silver badges417 bronze badges

2 Comments

Michael Grigsby Over a year ago

Thanks man, this helped allot. I really need to start working with this kind of stuff more often lol.

Nope Over a year ago

@ExplosionPills: How did you get append method to work on the object array? I wasn't able to do that.

Lee Meador · Accepted Answer · 2012-12-27 23:12:45Z

0

Your code seems to be putting the returned data into a visible array on screen. If that's what youare doing you might want to use this link for more info on how to add to the DOM to make some stuff visible on screen.

This part:

$('#box1').append(minimizedBox());

turns into something like:

$(minimizedBox()).appendTo('#box1');

Which takes the generated HTML and puts it in the box.

answered Dec 27, 2012 at 23:12

Lee Meador

13k2 gold badges38 silver badges43 bronze badges

1 Comment

Lee Meador Over a year ago

Duh. Both do the same thing. My mistake.

Collectives™ on Stack Overflow

Dynamic data insertion into a Javascript array

3 Answers 3

1 Comment

2 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related