JS随机图片生成问题：如何用循环生成可重复的不同随机图片

function GetRandomImage(){
           
           let randomIndex = Math.floor(Math.random() * image_array.length);
        
           let selectedImg = image_array[randomIndex];
        
           img1.src = `./img/${selectedImg}`;
           img2.src = `./img/${selectedImg}`;
           img3.src = `./img/${selectedImg}`;
        }  

当前该函数会生成三张完全相同的图片，我需要使用循环为img1、img2、img3各自设置随机图片（仍保留图片重复的可能性）。

img1、img2、img3是三个标准图片元素，点击按钮后会切换图片。
我是新手，希望能得到帮助 :)

解决方案 #

可以将三个图片元素存入数组，通过循环遍历数组，为每个元素单独生成随机图片地址，这样每张图都是独立随机的，同时保留重复的可能性。

写法一（forEach循环，更简洁）

function GetRandomImage(){
  // 将三个图片元素放入数组
  const images = [img1, img2, img3];
  
  // 遍历数组，给每个图片设置独立的随机图
  images.forEach(img => {
    const randomIndex = Math.floor(Math.random() * image_array.length);
    const selectedImg = image_array[randomIndex];
    img.src = `./img/${selectedImg}`;
  });
}

写法二（for循环，适合新手理解基础逻辑）

function GetRandomImage(){
  const images = [img1, img2, img3];
  
  for(let i = 0; i < images.length; i++){
    const randomIndex = Math.floor(Math.random() * image_array.length);
    const selectedImg = image_array[randomIndex];
    images[i].src = `./img/${selectedImg}`;
  }
}

核心逻辑：每次循环都会重新生成随机索引，从image_array中选取图片，每个图片元素拿到的都是独立的随机结果，既实现了每张图随机的需求，也因为随机过程独立，自然保留了图片重复的概率。

内容的提问来源于stack exchange，提问作者user11230908