javascript - for of 和 for 循环不同的结果

Question

谁能解释一下，为什么第一个使用常规 for 循环的解决方案可以无限循环，而第二个使用 for of 循环的解决方案却不能。代码是相同的，所以我期望得到相同的结果。

const flatten = (arr) => {
    let newArr = []
    for (i=0; i < arr.length; i++) {
        if(Array.isArray(arr[i])) {
            newArr = [...newArr, ...flatten(arr[i])]
            console.log(newArr)
        } else {
            newArr.push(arr[i])
        }
    }
    return newArr
}
// const flatten = (arr) => {
//     let newArr = []
//     for (let el of arr) {
//       if (Array.isArray(el)) {
//           console.log(el, 'i am el')
//         newArr = [...newArr, ...flatten(el)]
//         console.log(newArr)
//       } else {
//         newArr.push(el)
//         console.log(el, 'i am just reg non array element')
//       }
//     }
//     return newArr
//   }
flatten([[1],[2],3,[[4,5]], [6, 7]])

Answer 1

您在 for 循环中缺少 i 的 var 或 let 声明以使其本地化，因此每次调用 flatten 时，该值都会重置。改变

for (i=0; i < arr.length; i++) {

至

for (var i=0; i < arr.length; i++) {

代码按预期工作:

const flatten = (arr) => {
    let newArr = []
    for (let i=0; i < arr.length; i++) {
        if(Array.isArray(arr[i])) {
            newArr = [...newArr, ...flatten(arr[i])]
        } else {
            newArr.push(arr[i])
        }
    }
    return newArr
}
console.log(flatten([[1],[2],3,[[4,5]], [6, 7]]))