如何从两个数组生成适用于jQuery Dialog的HTML消息？

你当前的问题出在嵌套循环上——它会把array1里的每个文件和array2里的每个盒子都配对一遍，所以会输出4条错误的组合结果，而不是你需要的「对应索引配对」的2条内容。

下面是两种简洁且正确的实现方式：

方式1：单循环遍历索引（基础易懂） #

因为两个数组长度一致，直接通过索引遍历，把对应位置的文件和盒子配对，同时生成序号，最后拼接成完整的message：

var array1 = [
  "ABC012345",
  "DEF06789"
];

var array2 = [
  "BOX#9",
  "BOX#10"
];

let message = '';
for (let i = 0; i < array1.length; i++) {
  // 按你需要的格式生成每行内容，序号为i+1，注意空格和换行
  const line = `${i + 1}.  File ${array1[i]} is located inside ${array2[i]}\n\n`;
  message += line;
}

// 此时message就是你要的内容，可直接用于jQuery Dialog
console.log(message);

方式2：用map方法（更简洁的函数式写法） #

利用数组的map方法将每个元素转换成目标格式的字符串，再用join拼接成完整消息：

var array1 = [
  "ABC012345",
  "DEF06789"
];

var array2 = [
  "BOX#9",
  "BOX#10"
];

const message = array1.map((file, index) => {
  return `${index + 1}.  File ${file} is located inside ${array2[index]}`;
}).join('\n\n');

console.log(message);

注意事项 #

• 确保两个数组长度一致，如果存在长度不一致的情况，建议遍历到较短数组的长度，避免出现undefined；
• 可根据需求调整序号后的空格、换行符，保证和你需要的输出格式完全匹配。

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