javascript - jQuery '' 映射 '' : How to iterate through an array, 使用变量值

Question

我正在尝试将两个数据“点”映射在一起，它们实际上没有任何共同点。我有一个数组，其中包含数组内某些位置的图像。我还有一个可以包含各种值(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>

此脚本将数组“images”中的所有图像抛出到 div“image_div”。我只想显示数组中的图像，其位置(1、2 或 3)与变量 var_name 的值匹配，变量 var_name 可以包含 1、2 或 3。

任何义务。

Answer 1

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