Make new JavaScript variable by combining string & variable

Question

So this is my problem.

pageTitle1 = ('This is page one');
pageTitle2 = ('This is page two');
pageTitle3 = ('This is page three');

currentPageTitle = ('pageTitle'+currentPosition);

$("#pageNumber").html(currentPageTitle);

I'm trying to display the current page title to the screen based on the currentPosition of the slide I am on. The issue I'm having is the code above is displaying "pageTitle1" to the screen when I need it to display "This is page one". I'm newish to javascript so I have a feeling this an easy fix but days of googling has yielded me nothing.

or you can simply change currentPageTitle = ('pageTitle'+currentPosition); to currentPageTitle = eval('pageTitle'+currentPosition); — codeandcloud
– codeandcloud, Commented Feb 12, 2011 at 3:41

Anurag · Accepted Answer · 2011-02-12 03:18:38Z

5

Use an array instead of naming each variable individually.

var pageTitles = [
 'This is page one',
 'This is page two',
 'This is page three'
];

var currentPageTitle = pageTitles[currentPosition];

Reason why your code is not working is because it is simply adding the two strings "pageTitle" and currentPosition and assigning the concatenated string to currentPageTitle. What you instead want is to get the value stored in the variable having that name. Assuming you are creating these in the global scope (which is not a good thing btw), you can do:

var currentPageTitle = window['pageTitle'+currentPosition];

However, going with arrays is a better approach.

answered Feb 12, 2011 at 3:18

Anurag

142k37 gold badges223 silver badges262 bronze badges

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

1 Comment

Matt Ball Over a year ago

@Mike: if this answer solved your problem, you should mark it as "accepted" by clicking the hollow green checkmark to the left of the question.

Community · Accepted Answer · 2017-05-23 10:33:12Z

1

Do something like this.

var pageTitle = new Array();
pageTitle.push('This is page one');
pageTitle.push('This is page two');
pageTitle.push('This is page three');

currentPageTitle = (pageTitle[currentPosition]);
$("#pageNumber").html(currentPageTitle);

Or simply use eval (really super unrecommended)

var currentPageTitle = eval('pageTitle'+currentPosition);

edited May 23, 2017 at 10:33

CommunityBot

11 silver badge

answered Feb 12, 2011 at 3:20

codeandcloud

55.5k47 gold badges169 silver badges259 bronze badges

1 Comment

codeandcloud Over a year ago

too late :) another way of doing it anyway.

Mark Eirich · Accepted Answer · 2011-02-12 03:26:36Z

-1

Without any other modifications, you can replace this line

currentPageTitle = ('pageTitle'+currentPosition);

with this:

currentPageTitle = window['pageTitle'+currentPosition];

answered Feb 12, 2011 at 3:26

Mark Eirich

10.1k2 gold badges27 silver badges27 bronze badges

Collectives™ on Stack Overflow

Make new JavaScript variable by combining string & variable

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related