Creating an object with several properties through each loop

Question

It's been awhile since I worked with objects so I need to refresh my memory. What I need help with is how to create an object in an each loop with several properties. Below is what I've tried so far but that's obviously not correct.

var imgs = {},
    i = 0;

$('.img').each(function() {
    i++;

    imgs['img' + i]['src'] = src;  // doesn't work

    // imgs['img' + i] = src; <- works but I want several properties for every image.
});

desired output:

imgs: {
    img1: {
        src: 'http://...',
        otherProp: '...'
    },
    img2: {
        src: 'http://...',
        otherProp: '...'
    },
    and so on...
}

bingjie2680 · Accepted Answer · 2014-03-16 11:43:52Z

1

This should be the simplest solution:

var imgs = {};

$('.img').each(function(index) {
    imgs['img' + index] = {
        src: src,
        otherProp: ...
        ...
    };
});

answered Mar 16, 2014 at 11:43

bingjie2680

7,7839 gold badges50 silver badges72 bronze badges

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

1 Comment

holyredbeard Over a year ago

Yep, this was great. Thanks!

Suman Bogati · Accepted Answer · 2014-03-16 11:46:14Z

1

You should create a new object with imgs['img' + i] = {}; and set the src property and it's value to that object.

something like

$('.img').each(function() {
    i++;
    imgs['img' + i] = {};  //on each iteration created the new object
    imgs['img' + i]['src'] = src;  
});

edited Mar 16, 2014 at 11:46

answered Mar 16, 2014 at 11:39

Suman Bogati

6,3612 gold badges25 silver badges38 bronze badges

Comments

deviloper · Accepted Answer · 2014-03-16 11:42:30Z

0

Try:

imgs['img' + i]['src'] = $(this).attr('src');

answered Mar 16, 2014 at 11:42

deviloper

7,25210 gold badges52 silver badges79 bronze badges

Collectives™ on Stack Overflow

Creating an object with several properties through each loop

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related