JavaScript数组元素重复添加至原数组：两段代码问题咨询

第一段代码错误原因 #

这段代码无法正常工作的核心问题是变量position未初始化：

• 代码中var position,lengtharr = arr.length;仅给lengtharr赋值了原数组长度，position默认值为undefined。
• 循环里执行arr[position] = arr[i]时，undefined会被转换为字符串"undefined"，相当于给数组的"undefined"属性赋值，而非往数组的索引位置添加元素。
• 后续position++会让position变成NaN，循环过程中始终无法正确定位数组的索引位置，最终原数组的元素和长度都没有变化，自然输出错误。

正确的初始化方式应该是把position设为原数组的长度（比如var position = arr.length;），这样才能从原数组的末尾开始添加重复元素。

第二段代码的方案评估 #

这段代码是可行的，逻辑完全符合需求：

• 先保存原数组的长度lengtharr，循环次数严格等于原数组元素个数，避免了因数组长度动态变化导致的无限循环或重复过多的问题。
• 利用push()方法自动将原数组的元素追加到数组末尾，最终能得到[原元素, 原元素]的结果，比如输入[1,2]会输出[1,2,1,2]。

需要注意的细节：

• 这段代码会直接修改传入的原数组，如果你的需求允许修改原数组，那完全没问题；如果需要保留原数组并返回新数组，就得先复制原数组再操作（比如var newArr = [...arr];然后对newArr执行push逻辑）。
• 如果数组中包含引用类型元素（比如对象、数组），push()的是元素的引用而非深拷贝，修改新添加的元素会影响原元素，这是JS的特性，若需求不需要深拷贝则无需处理。

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