Javascript jQuery''；映射''；：如何使用变量值遍历数组

我试图将两个数据“点”映射到一起，它们实际上没有任何共同之处。我有一个数组，在数组中的某些位置包含图像。我还有一个变量，它可以包含各种值（1、2或3），我想映射数组位置（1、2或3）和变量值，以显示位于特定数组位置的图像

<script>

var images = new Array()
images[1] = 'image/position/in/folder/image.jpg';
images[2] = 'image/position/in/folder/image.jpg';
images[3] = 'image/position/in/folder/image.jpg';

var var_name = somedata


/*----here I need help or guidance----

jQuery(document).ready(function() {
   var jQuerydiv = jQuery(".image_div");

   jQuery.each(images, function(i, val) {

      jQuery("<img />").attr("src", val).appendto(jQuerydiv);

   });
});


/*------guidance/help ENDS------------

<script>

<div class="image_div"></div>

var images=新数组（）
images[1]=“image/position/in/folder/image.jpg”；
images[2]=“image/position/in/folder/image.jpg”；
images[3]=“image/position/in/folder/image.jpg”；
var var_name=somedata
/*----在这里我需要帮助或指导----
jQuery（文档）.ready（函数（）{
var jQuerydiv=jQuery（“.image_div”）；
每个（图像、函数（i、val）{
jQuery（“

这个脚本将数组“images”中的所有图像都抛出到div“image\u div”中。我只想显示数组中的图像，它的位置（1、2或3）与变量var\u name的值匹配，变量var\u name可以包含1、2或3

任何义务。

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 <script> 
    var images = new Array() 
    images[1] = 'image1.png';
    images[2] = 'image2.png';
    images[3] = 'image3.png';

    // console.log(images);
    // [empty × 1, "image1.png", "image2.png", "image3.png"]
    // here images are put at index 1,2,3
    var var_name = 1;

    $(document).ready(function() {
      var jQuerydiv = $(".image_div");

    $.each(images, function(i, val) {
    // now append image at index 1 to div
    if(i == var_name){
        $("<img />").attr("src", val).appendTo(jQuerydiv);
    }
   });
});
</script>

<div class="image_div"></div>

var images=新数组（）
图像[1]=“image1.png”；
图像[2]=“image2.png”；
图像[3]=“image3.png”；
//控制台日志（图像）；
//[empty×1，“image1.png”、“image2.png”、“image3.png”]
//这里的图像放在索引1,2,3处
var var_name=1；
$（文档）.ready（函数（）{
var jQuerydiv=$（“.image_div”）；
$。每个（图像、函数（i、val）{
//现在将索引1处的图像附加到div
if（i==var\u name）{
$("

使用附录并从0访问图像数组。同时关闭脚本标记

img
{
边框：1px实心#000；
宽度：50px；
高度：50px；
}

var images=新数组（）
images[0]=“image/position/in/folder/image.jpg”；
images[1]=“image/position/in/folder/image.jpg”；
images[2]=“image/position/in/folder/image.jpg”；
jQuery（文档）.ready（函数（）{
var jQuerydiv=jQuery（“.image_div”）；
每个（图像、函数（i、val）{
jQuery（“

我尝试了你的方法，得到了同样的结果……如果实现你的if语句，什么都不会发生……如果我只注释掉if语句，那么所有三个图像都会附加到div中……数据包含1,2,3索引，因此if语句中使用I而不是val。请不要只转储代码。添加一个解释，说明此代码是如何工作的，以及为什么它可能是sol解决OP的问题。现在代码是不言自明的。使用它，让我们知道我测试的结果，它正在工作。