深入理解JavaScript循环数组及其潜在风险

const array = [1, 2, 3];
array.push(array); // 创建一个循环引用：array = [1, 2, 3, [Circular]]

console.log("数组长度:", array.length); // 输出：4

for (let i = 0; i < array.length; i++) {
  // 在这里，array.length 在循环开始时已经被评估为 4
  // 循环会正常执行 4 次，不会陷入无限循环
  console.log(`元素 ${i}:`, array[i]);
}
// 输出：
// 数组长度: 4
// 元素 0: 1
// 元素 1: 2
// 元素 2: 3
// 元素 3: [ 1, 2, 3, [Circular] ]

const array = [1, 2, 3];

for (let i = 0; i < array.length; i++) {
  // 每次迭代都向数组中添加自身引用
  // 这会导致 array.length 不断增加
  array.push(array);
  console.log(`当前长度: ${array.length}`);
  if (array.length > 10) { // 添加一个跳出条件，防止实际运行中崩溃
      console.log("数组过长，强制退出循环");
      break;
  }
}
// 实际运行中，如果没有 break，这个循环会持续增加数组长度，
// 最终可能导致内存溢出或 JavaScript 引擎的致命错误。
// 例如在 Node.js 中可能会出现 "Fatal JavaScript invalid size error"。

const array = [1, 2, 3];
array.push(array); // 创建循环引用

// 尝试使用 Array.prototype.flat() 方法扁平化数组
// flat(Infinity) 会递归地扁平化所有嵌套层级
try {
  array.flat(Infinity);
} catch (e) {
  console.error("扁平化循环数组导致错误:", e);
  // 预期会抛出 RangeError: Maximum call stack size exceeded (栈溢出)
}

// 示例：自定义递归扁平化函数
function customFlat(arr) {
  let result = [];
  for (const item of arr) {
    if (Array.isArray(item)) {
      result.push(...customFlat(item)); // 递归调用
    } else {
      result.push(item);
    }
  }
  return result;
}

try {
  customFlat(array);
} catch (e) {
  console.error("自定义递归扁平化循环数组导致错误:", e);
  // 预期会抛出 RangeError: Maximum call stack size exceeded (栈溢出)
}

const originalArray = [1, 2, 3];

// 方法一：使用 slice() 创建浅拷贝
const arrayWithCopy = [1, 2, 3];
arrayWithCopy.push(originalArray.slice()); // 将 originalArray 的浅拷贝添加到 arrayWithCopy

console.log("使用 slice() 的结果:", arrayWithCopy.flat(Infinity));
// 输出：使用 slice() 的结果: [ 1, 2, 3, 1, 2, 3 ]

// 方法二：使用扩展运算符创建浅拷贝
const anotherArrayWithCopy = [4, 5, 6];
anotherArrayWithCopy.push([...originalArray]); // 将 originalArray 的浅拷贝添加到 anotherArrayWithCopy

console.log("使用扩展运算符的结果:", anotherArrayWithCopy.flat(Infinity));
// 输出：使用扩展运算符的结果: [ 4, 5, 6, 1, 2, 3 ]

// 如果需要深拷贝，可以使用 JSON.parse(JSON.stringify(originalArray))
// 但请注意，这种方法有局限性（例如不能处理函数、undefined、Symbol等）
// 对于更复杂的深拷贝，需要自定义递归函数或使用第三方库（如lodash的cloneDeep）。