Combine two arrays into array of options

Question

I have two arrays of strings: hrefs, thumbs. Need to combine this arrays into another array with structure like below. How to do that ? For clarity - i need to use Lightview API to call function Lightview.show(elements), where elements is result array i need to build.

HTML:

<a href="/one" class="lv" thumbnail="one.jpg">one</a>
<a href="/two" class="lv" thumbnail="two.jpg">two</a>
<a href="/three" class="lv" thumbnail="three.jpg">three</a>

Arrays:

var hrefs = $('.lv').map(function() { return $(this).attr('href'); }).get();
var thumbs = $('.lv').map(function() { return $(this).attr('thumbnail'); }).get();

The desired result array (elements):

{
    {hrefs[0], 
        {
           thumbnail: thumbs[0]   
        }
    },
    {hrefs[1],
        {
           thumbnail: thumbs[1]   
        }
    },
    ...
}

I've started with this, but i think it is something wrong...

var e = new Array();
$.each(hrefs, function(i, value) {
    e[i] = new Array();
    e[i][0] = value;
    e[i][1] = {thumbnail: thumbs[i]};
});

Your desired result is not a valid Javascript/JSON structure. Can you clarify what you're looking for? — brianchirls
– brianchirls, Commented Jan 25, 2013 at 7:13
@marioosh can you give a concrete example of the desired output from the code you've shown so far? — Ja͢ck
– Ja͢ck, Commented Jan 25, 2013 at 7:18
I'm not as concerned about exactly valid syntax. I'm just not clear on what the desired data structure is. — brianchirls
– brianchirls, Commented Jan 25, 2013 at 7:18
What you're looking for can't exist in javascript. An object must be in the form {name:value}... you can't have {{name:value}}. You could do {name1:{name2:value}}. — THEtheChad
– THEtheChad, Commented Jan 25, 2013 at 7:24

xdazz · Accepted Answer · 2013-01-25 07:13:49Z

2

Do you mean this?

var result = $('.lv').map(function() {
    var o = {};
    o[$(this).attr('href')] = { thumbnail: $(this).attr('thumbnail') } };
    return o;
}).get();

answered Jan 25, 2013 at 7:13

xdazz

161k38 gold badges255 silver badges278 bronze badges

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

2 Comments

elclanrs Over a year ago

Could be wrong but I'm pretty sure you have to use bracket notation for that code to work. var o = {}; o[$(this).attr('href')] = {thumb: ...}; return o; Or not?

elclanrs Over a year ago

I've done that before as well, it just seems like you should be able to... Usually you can reduce to one liner if readable enough like function func(o) { return o={}, o['foo'] = {a: 'baz'}, o; }

Salman · Accepted Answer · 2013-01-25 07:22:47Z

2

Are you looking for something like this?

var hrefs = $('.lv').map(function() { return $(this).attr('href'); }).get();
var thumbs = $('.lv').map(function() { return $(this).attr('thumbnail'); }).get();

var arr = {};
for (i in hrefs) {
    arr[hrefs[i]] = {
        thumbnail: thumbs[i]
    }
}

Another suggestion, with minimal use of JQuery for faster execution

var lvs = $('.lv');
var arr = {};
for (i=0; i< lvs.length; i++) {
    arr[lvs[i].getAttribute('href')] = {
        thumbnail: lvs[i].getAttribute('thumbnail')
    }
}

edited Jan 25, 2013 at 7:22

answered Jan 25, 2013 at 7:17

Salman

9,4676 gold badges42 silver badges74 bronze badges

1 Comment

Faisal Sayed Over a year ago

Good, +1 for vanilla javascript.

slebetman · Accepted Answer · 2013-01-25 07:16:22Z

1

You're almost there. Just do:

var e = [];
$.each(hrefs, function(i, value) {
    e[i] = [];
    e[i] = [ value, {thumbnail: thumbs[i]} ];
});

Or even shorter:

var e = [];
$.each(hrefs, function(i, value) {
    e[i] = [ value, {thumbnail: thumbs[i]} ];
});

answered Jan 25, 2013 at 7:16

slebetman

115k19 gold badges148 silver badges181 bronze badges

Comments

whitneyit · Accepted Answer · 2013-01-25 07:14:02Z

0

Try this

var result = {};

$.each( hrefs, function ( index ) {
    result[ hrefs[ index ] ] = { thumbnail: thumbs[ index ] };
});

answered Jan 25, 2013 at 7:14

whitneyit

1,2268 silver badges17 bronze badges

Collectives™ on Stack Overflow

Combine two arrays into array of options

4 Answers 4

2 Comments

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related