Question

我收到了以下代码：

var image1 = 'aaa.jpg';
var image2 = 'bbb.jpg';
var image3 = 'ccc.jpg';
var image4 = 'ddd.jpg'; // all dynmically created

current = 1; // dynamically changing value, in this case between 1 and 4

我现在需要的是提醒alert(image1);但是这样：alert(image + current);

这种方式有可能吗？我希望我能清楚地解释我的需要。

Answer 1

这样做：

this.image1 = "aaa.jpg";

alert(this["image" + "1"]);

Answer 2

从我看来，我认为你走的是正确的道路。但是有些事情需要考虑......

将动态创建的变量放在引号中以使它们成为字符串：

var image1 = 'aaa.jpg';

当您在警告框中输入“＆＃39; image＆＃39;在引号中也。这样它也会成为一个字符串：

alert(eval('image'+current));

警告框实际上无法显示图像。它只显示存储在变量中的图像的名称。我认为这就是你的目标。

祝你好运！

我看到你编辑了这个问题，把动态变量放在引号中。干得好。

Answer 3

我用一个用户发布它的方式解决了它并删除了他的答案（为什么？）：

alert(eval('image'+current));

Answer 4

正如评论中的建议并基于评论中的PHP代码：创建一个JavaScript数组来存储数据，而不是创建大量变量。你可以完成它，例如：

创建包含所有图片的字符串

<?php
    $images = '';
    while($row = mysqli_fetch_assoc($result)) {
        $images .= ( $images ? ',' : '' ) . '"' . $row['image'] . '"';
    }
?>

<强>输出

var images = [<?php print $images; ?>];
alert (images[0]);

Answer 5

您明确使用集合，因此在这种情况下您应该创建一个数组结构：

<?php 

$images = [];
while ($row = mysqli_fetch_assoc($ergebnis)) {
    $images[] = $row['image'];
}

?>
<script type="text/javascript">
var images = <?php echo json_encode($images) ?>;
</script>

然后，您可以通过以下方式引用每个图像路径： images[0]。

JavaScript警报动态创建变量名称

5 个答案: