Merging two variable names together in javascript

Question

I'm trying to make a loop in which I create multiple markers for Google Maps. I want these markers to be named marker+int. I can't merge 2 variable names as I found out, so I need another way to do this. Can anyone help me out? I don't have an array to loop through...

var counter = 0;

for (var i = 0; i < localStorage.length; i++){
    counter++;
    var marker = new google.maps.Marker({
        position: myLatlng, 
        map: map,
        icon: image,
        shadow: shadow,
        title: label
    }); 
}

possible duplicate of JavaScript: Dynamically Creating Variables for Loops — Felix Kling
– Felix Kling, Commented Mar 31, 2014 at 19:44

nanobash · Accepted Answer · 2014-03-31 20:01:38Z

3

What about to define array and iterate though it like:

var marker = [];

for ( var i = 0; i < localStorage.length; i++ ) {
    marker[i] = new google.maps.Marker({
        position: myLatlng, 
        map: map,
        icon: image,
        shadow: shadow,
        title: label
    }); 
}

You can output result from marker array simple just like

for ( var j = 0; j < marker.length; j++ ) { // output all the information from marker array
    console.log(marker[j].position);
    console.log(marker[j].map);
    console.log(marker[j].icon);
    console.log(marker[j].shadow);
    console.log(marker[j].title);
}

NOTE: counter variable isn't needed as you already have counter which is represented by i variable inside the loop

edited Mar 31, 2014 at 20:01

answered Mar 31, 2014 at 19:39

nanobash

5,4967 gold badges41 silver badges56 bronze badges

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

4 Comments

Frank Kluytmans Over a year ago

Your answer is constructing an array. But I also have to loop through it to actually have these markers appear in gmaps, right?

nanobash Over a year ago

@FrankKluytmans Due to retrieve information from array Yes, you have to make another loop for it

Felix Kling Over a year ago

@FrankKluytmans: I recommend to read the MDN JavaScript Guide about arrays to learn how to work with them.

Frank Kluytmans Over a year ago

I understand arrays quite well I think. Looping is not the problem. But how do I output all the markers in the loop? I don't want to log them but actually have them shown on the map...

epascarello · Accepted Answer · 2014-03-31 19:39:46Z

0

You an object or an array

var markers = [];
for (var i=0; i<10; i++) {
    markers[i] = "Hello";
}

If you want to have names, than use an object

var obj = {};
for (var i=0; i<10; i++) {
    obj["marker" + i] = "Hello";
}

answered Mar 31, 2014 at 19:39

epascarello

208k20 gold badges206 silver badges246 bronze badges

Comments

nanobash · Accepted Answer · 2014-03-31 19:52:49Z

0

Maybe you can put all maker in an Object.

var myObject = [];   
myObject.push(marker);

edited Mar 31, 2014 at 19:52

nanobash

5,4967 gold badges41 silver badges56 bronze badges

answered Mar 31, 2014 at 19:42

system7

1451 silver badge8 bronze badges

Collectives™ on Stack Overflow

Merging two variable names together in javascript

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related