搜索许多数组以查看是否有任何名称与另一个 var 匹配？

Question

嘿，如果图像数组的名称与所选元素的数据属性匹配，我正在尝试创建一个创建警报的函数。这只是在我推进我的实际计划之前的一个测试，但我被困在这里。我的困惑是双重的。

注意：抱歉，我是 javascript 新手，请多多包涵。

1)如何比较数组名和var？

2)如何搜索所有存在的数组，是否需要创建嵌套数组或其他函数？身份证

我的网页有未确定数量的模态图像，单击这些图像会打开图像幻灯片相册。我得到了这个为 1 个图像工作，然后意识到要让它为数量不确定的大小不确定的幻灯片工作，我应该制作一个填充幻灯片 div 的函数。我计划让每个模态图像都有一个“1,2,3...等”的数据属性，并有一堆数组，每个图像的名称都类似“1,2,3...等”，如果两者的名称匹配，然后它将使用数组中的图像填充幻灯片。这样，如果我需要添加另一个模态图像，我需要做的就是给它适当的 id 并添加一个图像数组。我希望这很清楚，如果没有，我会提供更多说明。

HTML：

<div class="row">
  <div class="column">
    <img id="modal-1" src="https://www.yosemitehikes.com/images/wallpaper/yosemitehikes.com-bridalveil-winter-1200x800.jpg" style="max-width:100%" data-modal="1" onclick="/*openModal();currentSlide(1);*/ fillSlides(this);" class="hover-shadow cursor">
  </div>
</div>

Javascript：

 function fillSlides(modalID){
    var slides_1 = ["Images/LS_01.jpg", "Images/LS_02.jpg", "Images/LS_03.jpg", "Images/LS_04.jpg" ];
 var slides_2 = ["Images/LS_05.jpg", "Images/LS_06.jpg", "Images/LS_07.jpg", "Images/LS_08.jpg" ];
var slides_3 = ["Images/LS_09.jpg", "Images/LS_10.jpg", "Images/LS_11.jpg", "Images/LS_12.jpg" ];

    var modal_num = modalID.getAttribute('data-modal');
    alert(modal_num);

    }

Answer 1

您应该使用一个将您想要的数据映射到图像数组的对象：

var slides = {
    "1": ["Images/LS_01.jpg", "Images/LS_02.jpg", "Images/LS_03.jpg", "Images/LS_04.jpg" ],
    "2": ["Images/LS_05.jpg", "Images/LS_06.jpg", "Images/LS_07.jpg", "Images/LS_08.jpg" ],
    "3": ["Images/LS_09.jpg", "Images/LS_10.jpg", "Images/LS_11.jpg", "Images/LS_12.jpg" ]
};

然后您可以使用slides[modal_num] 获取被点击图片的幻灯片。