如何实现expectedList从空数组开始逐步填充并循环比对？

当然有可行的实现方式！我以JavaScript为例，给你演示如何让数组从空开始，每次循环追加一个元素，依次呈现[]、['a']、['a', 'b']、['a', 'b', 'c']的状态，同时完成比对逻辑。

核心思路 #

我们可以从空数组启动，逐步遍历原数组的元素并追加，每完成一次追加就得到一个目标状态，此时就能和你的动态数组做比对。如果需要保存所有状态，记得每次存储数组的副本（避免引用类型的修改影响已保存的状态）。

代码示例 #

基础实现（实时比对） #

const originalExpected = ['a', 'b', 'c'];
let currentExpected = [];

// 第一步：比对空数组状态
console.log('当前待比对数组:', currentExpected);
// 这里替换成你的比对逻辑，比如和动态数组对比
// if (arraysEqual(currentExpected, yourDynamicArray)) {
//   // 执行对应操作
// }

// 第二步：逐步追加元素并比对
for (const item of originalExpected) {
  currentExpected.push(item);
  console.log('当前待比对数组:', currentExpected);
  // 再次执行比对逻辑
  // if (arraysEqual(currentExpected, yourDynamicArray)) {
  //   // 执行对应操作
  // }
}

封装成可复用函数（获取所有状态） #

如果你需要一次性得到所有状态数组，方便后续使用，可以封装成函数：

function generateProgressiveArrays(baseList) {
  const progressiveStates = [];
  let current = [];
  
  // 先加入空数组状态
  progressiveStates.push([...current]);
  
  // 遍历原数组，逐步构建并保存状态
  for (const item of baseList) {
    current.push(item);
    // 保存当前数组的副本，避免后续修改影响已存储的状态
    progressiveStates.push([...current]);
  }
  
  return progressiveStates;
}

// 使用示例
const expectedStates = generateProgressiveArrays(['a', 'b', 'c']);
console.log(expectedStates); 
// 输出：[[], ['a'], ['a', 'b'], ['a', 'b', 'c']]

数组比对辅助函数 #

因为数组是引用类型，直接用===无法判断内容是否相等，所以可以写一个辅助函数来完成严格比对：

function arraysAreEqual(arr1, arr2) {
  // 先判断长度是否一致
  if (arr1.length !== arr2.length) return false;
  // 逐个元素比对
  for (let i = 0; i < arr1.length; i++) {
    if (arr1[i] !== arr2[i]) return false;
  }
  return true;
}

关键注意点 #

• 如果你需要保存每一步的数组状态，一定要存储数组的副本（比如用扩展运算符[...current]或者current.slice()），否则后续修改current数组会改变之前保存的所有状态。
• 比对数组时，要根据你的需求选择比对逻辑：如果是简单的基本类型元素，用上面的辅助函数就够；如果是复杂对象，需要递归比对每个属性。

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