动态数组映射：根据自定义逻辑扩展数组长度

const texts = ['text1', 'text2', 'text3', 'text4', 'text5'];
const images = ['image1', 'image2'];

// 检查图片数组是否为空，避免除以零的错误
if (images.length === 0) {
    console.error("图片数组不能为空！");
    // 可以选择返回空数组或填充默认图片
    const resultWithPlaceholders = texts.map(text => `${text} - placeholder_image`);
    console.log(resultWithPlaceholders);
    // 或者直接返回
    // return texts.map(text => ({ text, image: 'default_placeholder_image' }));
} else {
    // 计算每张图片基础的重复次数
    // 例如：texts.length = 5, images.length = 2 => num = Math.floor(5 / 2) = 2
    const num = Math.floor(texts.length / images.length);

    // 映射文本数组，为每个文本找到对应的图片
    const mappedResult = texts.map((text, index) => {
        // 计算当前文本应对应的图片索引
        // Math.floor(index / num) 决定了基础的图片切换点
        // Math.min(..., images.length - 1) 确保索引不会越界，并让最后一个图片重复
        // 示例追踪 (num = 2, images.length - 1 = 1):
        // index = 0: Math.min(Math.floor(0/2), 1) = Math.min(0, 1) = 0 => images[0]
        // index = 1: Math.min(Math.floor(1/2), 1) = Math.min(0, 1) = 0 => images[0]
        // index = 2: Math.min(Math.floor(2/2), 1) = Math.min(1, 1) = 1 => images[1]
        // index = 3: Math.min(Math.floor(3/2), 1) = Math.min(1, 1) = 1 => images[1]
        // index = 4: Math.min(Math.floor(4/2), 1) = Math.min(2, 1) = 1 => images[1]
        const imageIndex = Math.min(Math.floor(index / num), images.length - 1); 
        return `${text} - ${images[imageIndex]}`;
    });

    console.log(mappedResult);
    // 预期输出:
    // [
    //   "text1 - image1",
    //   "text2 - image1",
    //   "text3 - image2",
    //   "text4 - image2",
    //   "text5 - image2"
    // ]
}

// 假设在 React 组件中
// const texts = ['text1', 'text2', 'text3', 'text4', 'text5'];
// const images = ['image1', 'image2'];
// ... (之前的逻辑计算 imageIndex)

return (
  <div>
    {texts.map((text, index) => {
      const imageIndex = Math.min(Math.floor(index / num), images.length - 1);
      return (
        <div key={index}>
          {text}
          <img src={images[imageIndex]} alt={`Image for ${text}`} />
        </div>
      );
    })}
  </div>
);