TypeScript数组推送异常：迁移元素时得到索引而非字符串值

嘿，这个问题其实和你用oldArray.length = 0清空数组的操作完全没关系哦！先给你吃个定心丸：这种清空数组的方式是完全有效的，它确实会保留数组的引用，只是把数组长度置为0来移除所有元素，这步操作没有任何问题。

你遇到的核心问题，是选错了数组遍历的方式：

for...in语句的设计初衷是遍历对象的可枚举属性名，而数组在JavaScript/TypeScript里本质上是一种特殊的对象——它的“属性名”就是那些数字索引（注意，这些索引是字符串类型的"0"、"1"、"2"，不是数字）。所以当你用for...in遍历newArray时，循环变量拿到的自然是这些索引值，而不是数组里的字符串元素。

几种正确的数组遍历取元素的方法 #

这里给你推荐几种适合数组的遍历方式，都能直接拿到元素：

1. for...of循环（最推荐，TypeScript中常用）
   这是ES6+专门为可迭代对象（比如数组）设计的遍历方式，直接获取每个元素：

// 清空oldArray（你的原有操作没问题）
oldArray.length = 0;
// 正确遍历newArray并推送元素
for (const item of newArray) {
  console.log(item); // 会输出"a string"、"another string"等元素
  oldArray.push(item);
}

2. 普通for循环（传统方式，适合需要索引的场景）
   如果需要同时用到索引和元素，这种方式很稳妥：

oldArray.length = 0;
for (let i = 0; i < newArray.length; i++) {
  const item = newArray[i];
  console.log(item);
  oldArray.push(item);
}

3. 数组forEach方法（函数式风格）
   适合简单的遍历场景，写法更简洁：

oldArray.length = 0;
newArray.forEach(item => {
  console.log(item);
  oldArray.push(item);
});

更简洁的替代方案 #

如果你只是想把newArray的所有元素追加到清空后的oldArray里，甚至不需要循环，直接用展开运算符就能一步搞定：

oldArray.length = 0;
oldArray.push(...newArray);

总之，清空数组的操作没问题，问题出在遍历方式的选择上，换成上面任意一种方法都能解决你的困惑啦！

内容的提问来源于stack exchange，提问作者Måns Thörnvik