JavaScript嵌套循环合并两数组遇无限循环问题求助

1. 无限循环的根源 #

你的内层循环增量写错了：把c2++写成了c++。这会导致内层循环中，c2永远保持初始值0，而c不断递增，使得c2 < completedComics2.length的条件永远成立，直接陷入无限循环。

2. 逻辑错误导致的结果异常 #

就算修正了循环增量，当前嵌套循环的逻辑也无法实现数组合并：

• 你拿第一个数组的每个元素和第二个数组的所有元素逐一比较，每次不同就push第一个数组的元素，这会让第一个数组的每个元素被重复添加（次数等于第二个数组的长度）。
• 代码完全没有处理第二个数组的元素，所以目标数组里永远不会出现第二个数组的内容。

修正后的代码（实现数组合并） #

如果只是要合并两个数组，不需要嵌套循环，用两个独立的for循环分别遍历两个数组即可：

const completedComics = ['Creepshow', 'X-O Manowar', 'Saga']
const completedComics2 = ['Descender', 'Ascender', 'The Last Ronin']
let totalCompletion = []

// 遍历第一个数组，添加所有元素
for (let c = 0; c < completedComics.length; c++) {
    totalCompletion.push(completedComics[c])
}

// 遍历第二个数组，添加所有元素
for (let c2 = 0; c2 < completedComics2.length; c2++) {
    totalCompletion.push(completedComics2[c2])
}

console.log(totalCompletion.join(", "))
// 输出：Creepshow, X-O Manowar, Saga, Descender, Ascender, The Last Ronin

嵌套循环的合理用法（如果需要去重合并） #

如果你的真实需求是合并数组且自动去重（假设两个数组可能有重复元素），可以用嵌套循环来检查元素是否已存在：

const completedComics = ['Creepshow', 'X-O Manowar', 'Saga']
const completedComics2 = ['Descender', 'Ascender', 'The Last Ronin', 'Saga']
let totalCompletion = []

// 先添加第一个数组的所有元素
for (let c = 0; c < completedComics.length; c++) {
    totalCompletion.push(completedComics[c])
}

// 遍历第二个数组，检查元素是否已存在，不存在则添加
for (let c2 = 0; c2 < completedComics2.length; c2++) {
    let isDuplicate = false
    for (let t = 0; t < totalCompletion.length; t++) {
        if (completedComics2[c2] === totalCompletion[t]) {
            isDuplicate = true
            break
        }
    }
    if (!isDuplicate) {
        totalCompletion.push(completedComics2[c2])
    }
}

console.log(totalCompletion)
// 输出：['Creepshow', 'X-O Manowar', 'Saga', 'Descender', 'Ascender', 'The Last Ronin']

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