通过组合 string & 来创建新的 JavaScript 变量多变的

Question

所以这是我的问题。

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

currentPageTitle = ('pageTitle'+currentPosition);

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

我试图根据我所在幻灯片的 currentPosition 在屏幕上显示当前页面标题。我遇到的问题是，当我需要显示“这是第一页”时，上面的代码在屏幕上显示“pageTitle1”。我对 javascript 很陌生，所以我感觉这是一个简单的解决方案，但几天的谷歌搜索并没有给我带来任何结果。

Answer 1

使用数组而不是单独命名每个变量。

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

var currentPageTitle = pageTitles[currentPosition];

您的代码不起作用的原因是它只是添加两个字符串 "pageTitle" 和 currentPosition 并将连接的字符串分配给 currentPageTitle。相反，您想要的是获取存储在具有该名称的变量中的值。假设您在全局范围内创建这些（顺便说一句，这不是一件好事），您可以这样做：

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

但是，使用数组是更好的方法。

Answer 2

做这样的事情。

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);

或者简单地使用 eval （真的超级不推荐)

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

Answer 3

无需任何其他修改，您可以将此行替换

currentPageTitle = ('pageTitle'+currentPosition);

为：

currentPageTitle = window['pageTitle'+currentPosition];