Javascript Loop through Object Literal

Question

I would like to iterate over the below and output a string that combines the different settings:

Loop through this:

config : {

   settings : {
     width: 880,
     height: 495,
     byline: false,
     title: false,
     portrait: false
    }
}

And output:

var output = '&height=495&width=880&title=false&byline=false&portrait=false',

How would I go about this?

pimvdb · Accepted Answer · 2012-01-05 23:08:53Z

6

I don't know whether you explicitly want to loop, but you can simply use jQuery.param:

var output = "&" + $.param(obj.config.settings);
// I assumed `obj` contains `config`

The order may be different but for a query string that does not matter.

answered Jan 5, 2012 at 23:08

pimvdb

155k80 gold badges312 silver badges357 bronze badges

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

7 Comments

buley Over a year ago

Boo jQuery -- definitely not required! :)

qwertymk Over a year ago

@editor: If you have jQuery already on the page, then why not use it?

pimvdb Over a year ago

@editor: jQuery is never required, but the question was tagged as such so I figured it would be the easiest solution :) @ qwertymk: Thanks!

buley Over a year ago

@user906080: qwertymk makes a good point. If you believe this is the best answer you should accept it as correct (and the same goes for any historical questions you've asked).

user906080 Over a year ago

Somewhat new to the site. Apologize for my lack of adhering to the site guidelines. Will fix!

|

buley · Accepted Answer · 2012-01-05 23:07:00Z

2

var attr, val, settings = config.settings,
    output, count = 0;
if ('undefined' !== typeof settings) {
    for (attr in settings) {
        val = settings[attr];
        if (0 === count) {
            output = output + val;
        } else {
            output = output + '&' + val;
        }
        count += 1;
    }
    console.log(output);
}

Note, the above code adds the optimization where you don't add an & to the first var. I don't think you'd want that in a get var string. If you do, just change to output = output + val; starting from if to end of else.

answered Jan 5, 2012 at 23:07

buley

29.6k18 gold badges90 silver badges108 bronze badges

Comments

Šime Vidas · Accepted Answer · 2012-01-05 23:19:15Z

1

How about this:

function print( obj ) {
    return Object.keys( obj ).map( function ( name ) {
        return '&' + name + '=' + obj[ name ];
    }).join( '' );
}

Usage:

var output = print( obj.config.settings );

Live demo: http://jsfiddle.net/w3D9M/

answered Jan 5, 2012 at 23:19

Šime Vidas

187k66 gold badges290 silver badges392 bronze badges

Collectives™ on Stack Overflow

Javascript Loop through Object Literal

3 Answers 3

7 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

7 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related